0

Alguns códigos para usar nas postagens

Postado por -A às 15:09
Reações: 
Aqui vai alguns códigos HTML para deixar seus posts mais bonitos que boa parte foram retirados do #blogperfect Cherry Bomb espero que gostem e comentem, obviu pq eu amei
ATENÇÃO

Para esses códigos funcionarem nos posts, antes de colar eles, clique na aba "Editar HTML" no editor de posts do blogger.

th_seta Dividir a postagem em duas colunas


Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo
Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo
<div style="float: left; width: 45%">Escreva aqui o Texto da Coluna da Esquerda</div>
<div style="float: right; width: 45%">Escreva aqui o Texto da Coluna da Direita</div>
<div style="clear: both"></div>


th_seta Sombreado no texto

EXEMPLO DE SOMBRA 1 
<div style="color: #bf5bff; text-shadow: 3px 2px 2px #610b97">TEXTO AQUI</div>

EXEMPLO DE SOMBRA 2

<div style="text-shadow:3px 3px 4px #000;">TEXTO AQUI</div>



th_seta Marca Texto Colorido

Marca texto rosa

<span style="background-color: #ff5fc1" class="Apple-style-span">TEXTO AQUI</span>



Marca Texto Verde

<span style="background-color: #5aee00" class="Apple-style-span">TEXTO AQUI</span>



Marca texto Verde Limão

<span style="background-color: #c6ff00" class="Apple-style-span">TEXTO AQUI</span>



Marca texto Azul

<span style="background-color: #00ccff" class="Apple-style-span">TEXTO AQUI</span>



Marca Texto Laranja

<span style="background-color: #ff9600" class="Apple-style-span">TEXTO AQUI</span>

Dica: Você pode alterar a cor do marca texto substutuindo o código da cor (#5aee)

th_seta Texto Manuscrito



Exemplo de texto manuscrito

<font face="Lucida Handwriting">TEXTO AQUI</font>



th_seta Alguns Backquotes muito lindos






Desse é só copiar o codigo HTML abaixo:



<center style="color: #bcafe0; font-family: 'trebuchet MS'; font-size: 13px; line-height: 16px;"><div style="background-attachment: initial; background-clip: initial; background-color: #f7e3ff; background-image: initial; background-origin: initial; border-bottom-color: rgb(210, 206, 224); border-bottom-style: double; border-bottom-width: 3px; border-left-color: rgb(210, 206, 224); border-left-style: double; border-left-width: 3px; border-right-color: rgb(210, 206, 224); border-right-style: double; border-right-width: 3px; border-top-color: rgb(210, 206, 224); border-top-style: double; border-top-width: 3px; color: #cc99ff; width: 300px;">


</div>
</center>
<div align="center">
</div>




Para este o codigo é o seguinte:


Código HTML:


<div class="separator" style="clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; text-align: right;">
<span class="Apple-style-span" style="color: magenta; font-size: large;"><b>
</b></span></div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(166, 143, 143); border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(166, 143, 143); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(166, 143, 143); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(166, 143, 143); border-top-style: dashed; border-top-width: 2px; color: #4c2933; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; padding-top: 2px;">

</blockquote>



<div class="separator" style="clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; text-align: right;">
<span class="Apple-style-span" style="color: magenta; font-size: large;"><b>
</b></span></div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(166, 143, 143); border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(166, 143, 143); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(166, 143, 143); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(166, 143, 143); border-top-style: dashed; border-top-width: 2px; color: #4c2933; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; padding-top: 2px;">


</blockquote>




O Código HTML deste backquote é o seguinte:


<div class="widget Text" id="Text2" style="background-color: white; margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<div class="widget-content" style="color: #4c4b4c; font-family: Georgia, 'Trebuchet MS', sans-serif; line-height: 14px;">
<div class="separator" style="clear: both; text-align: center;">


</div>
</div>
</div>
<div class="widget-content" style="background-color: white; color: #4c4b4c; font-family: Georgia, 'Trebuchet MS', sans-serif; font-size: 11px; line-height: 14px; text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="widget Text" id="Text4" style="margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<div class="widget-content">
<blockquote>
<blockquote class="tr_bq" style="background-color: white; border-bottom-color: rgb(255, 20, 147); border-bottom-style: double; border-bottom-width: 4px; border-left-color: rgb(255, 20, 147); border-left-style: double; border-left-width: 4px; border-right-color: rgb(255, 20, 147); border-right-style: double; border-right-width: 4px; border-top-color: rgb(255, 20, 147); border-top-style: double; border-top-width: 4px; margin-bottom: 1em; margin-left: 20px; margin-right: 20px; margin-top: 1em; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: justify;">
<div style="text-align: left;">
<div class="separator" style="clear: both; font-size: 16px; text-align: center;">


</div>
</div>
</blockquote>
</blockquote>
</div>
<div class="clear" style="clear: both;">
</div>
</div>
<div style="clear: both; color: #9fc5e8; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;">
</div>
<div id="lws_0" style="color: #9fc5e8; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;">
<div class="linkwithin_outer" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div class="linkwithin_inner" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 358px;">
</div>
</div>
</div>
</div>
<div class="clear" style="background-color: white; clear: both; color: #4c4b4c; font-family: Georgia, 'Trebuchet MS', sans-serif; font-size: 11px; line-height: 14px; text-align: left;">
</div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Georgia, 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="font-size: 11px; line-height: 14px;">
</span></span></div>



O Código HTML deste Backquote é:





<div style="text-align: center;">


<div style="text-align: -webkit-auto;">


</div>
</div>
<div class="post-body entry-content" id="post-body-8330004861890118571" style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, sans-serif; line-height: 19px; position: relative; width: 605px;">
<blockquote style="background-attachment: initial; background-clip: initial; background-color: black; background-image: initial; background-origin: initial; border-left-color: rgb(192, 250, 65); border-left-style: solid; border-left-width: 5px; box-shadow: rgb(121, 121, 121) 1px -2px 5px; color: white; font-size: 14px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; margin-top: 10px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-shadow: rgb(63, 62, 62) 1px 1px 1px;">
<div align="center">


<div>


</div>
</div>
</blockquote>
</div>






Este backquote é:


<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: #c6e2ff; background-image: initial; background-origin: initial; background-repeat: repeat repeat; border-bottom-color: rgb(255, 255, 255); border-bottom-style: double; border-bottom-width: 4px; border-left-color: rgb(255, 255, 255); border-left-style: double; border-left-width: 4px; border-right-color: rgb(255, 255, 255); border-right-style: double; border-right-width: 4px; border-top-color: rgb(255, 255, 255); border-top-style: double; border-top-width: 4px; font-family: Tahoma; line-height: 1.2em; margin-bottom: 1em; margin-left: 20px; margin-right: 20px; margin-top: 1em; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left;">


</blockquote>
<div style="font-family: Tahoma; line-height: 25px; text-align: left;">


</div>





0 mimadas comentáram:

Quem já passou por aqui ....

Cursor










Quanto tempo para PLL 2x14

para Pretty Little Liars, 2x14
Related Posts Plugin for WordPress, Blogger...
 

Mimos de Moda ©