<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Códigos curtos on João Ninguém</title><link>http://andreashansen.dev/pt-br/tags/shortcodes/</link><description>Recent content in Códigos curtos on João Ninguém</description><generator>Hugo -- gohugo.io</generator><language>pt-br</language><lastBuildDate>Wed, 04 Jan 2023 11:51:36 +0100</lastBuildDate><atom:link href="http://andreashansen.dev/pt-br/tags/shortcodes/index.xml" rel="self" type="application/rss+xml"/><item><title>Conteúdo Rico</title><link>http://andreashansen.dev/pt-br/posts/rich-content/</link><pubDate>Wed, 12 Jul 2023 00:00:00 +0000</pubDate><guid>http://andreashansen.dev/pt-br/posts/rich-content/</guid><description>&lt;p>O Hugo vem com vários &lt;a href="https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes" class="external-link" target="_blank" rel="noopener">Shortcodes Internos&lt;/a> para conteúdo rico, assim como uma &lt;a href="https://gohugo.io/about/hugo-and-gdpr/" class="external-link" target="_blank" rel="noopener">Configuração de Privacidade&lt;/a> e uma gama de Shortcodes simples que permitem embutir versões estáticas e sem JS de várias de redes sociais.&lt;/p>
&lt;h2 id="heading">
&lt;a class="heading-link" href="#heading">
&lt;i class="fa fa-link" aria-hidden="true" title="Link para o cabeçalho">&lt;/i>
&lt;span class="sr-only">Link para o cabeçalho&lt;/span>
&lt;/a>
&lt;/h2></description></item><item><title>Mais Conteúdo Rico</title><link>http://andreashansen.dev/pt-br/posts/more-rich-content/</link><pubDate>Tue, 11 Jul 2023 00:00:00 +0000</pubDate><guid>http://andreashansen.dev/pt-br/posts/more-rich-content/</guid><description>&lt;p>O Hugo Coder proporciona alguns Shortcodes Customizados.&lt;/p>
&lt;h2 id="heading">
&lt;a class="heading-link" href="#heading">
&lt;i class="fa fa-link" aria-hidden="true" title="Link para o cabeçalho">&lt;/i>
&lt;span class="sr-only">Link para o cabeçalho&lt;/span>
&lt;/a>
&lt;/h2></description></item><item><title>HTML and CSS only tabs</title><link>http://andreashansen.dev/pt-br/posts/html-and-css-only-tabs/</link><pubDate>Sun, 09 Jul 2023 00:00:00 +0000</pubDate><guid>http://andreashansen.dev/pt-br/posts/html-and-css-only-tabs/</guid><description>Shortcodes Link para o cabeçalho O seguinte conteúdo:
{{&amp;lt; tabgroup &amp;gt;}} {{&amp;lt; tab name=&amp;#34;Hello&amp;#34; &amp;gt;}} Hello World! {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab name=&amp;#34;Goodbye&amp;#34; &amp;gt;}} Goodbye Everybody! {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; /tabgroup &amp;gt;}} Irá gerar:
Hello Hello World! Goodbye Goodbye Everybody! Alinhamento à direita Link para o cabeçalho Você também pode alinhas as tabs à direita:
{{&amp;lt; tabgroup align=&amp;#34;right&amp;#34; &amp;gt;}} {{&amp;lt; tab name=&amp;#34;Hello&amp;#34; &amp;gt;}} Hello World! {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab name=&amp;#34;Goodbye&amp;#34; &amp;gt;}} Goodbye Everybody!</description></item></channel></rss>