eu voltei.
Mostrando postagens com marcador SuperTutorial. Mostrar todas as postagens
Mostrando postagens com marcador SuperTutorial. Mostrar todas as postagens

01 dezembro 2011

SuperTutorial: Personalizando Blockquote + seleção colorida

9 opiniões , dê a sua também.

1_large

OOOie gente!
Tudo bem ?
Bom hoje eu vou postar um tutorial que eu encontrei no Extras Place Fame ,então os créditos vão para a nossa divãa Emilly ! =D

Bom primeiramente você sabe o que é blockquote?Não? é esse quadradinho onde este texto está dentro,e pra você colocar isso nos posts é só você clicar em umas aspas ( " ) que ta do lado do Tx (não sei pra que serve esse Tx,desculpem) tá mais enfim....
Isso é o blokquote,então eu vou ensinar a vocês como personalizar ele pra ficar todo cute e bonitinho ^^ let's go!
Primeiro vá até Design - Editar HTML e proucure pela tag logo acima dela cole um códigos abaixo:


 blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}

OBS: Caso não queira as bordas redondas, apague o que está em cor salmão.


 blockquote {

border-bottom: 1px dashed #33CCCC;/* cor da borda */

background-color: #efefef; /* cor de fundo */

padding: 10px;

font-size: 11px; /* tamanho da fonte */

color: #333333; /* cor da fonte */

text-align: justify;
}

*-* ' Bom ,esse foi o tutorial o block quote... :) espero que tenham ajudado ! Agora...vem o tutorial da seleção colorida!
Bom..mais e  o que é SELEÇÃO COLORIDA? Seleção colorida é pra você deixar o ítalico,negrito sublinhado com cores diferentes,na hora que você coloca! Por exemplo:

Oi,tudo bem com você?Eu to joia!
Tendeu?Agora vamos a tuto !

Vá em Design - Editar HTML - F3
pesquise por :

E logo acima cole:

b, strong {color: #33CCCC; text-decoration: none; cursor: help; } i {color: #E399AE; text-decoration: none; cursor: help; }u, underline {color: #333333; text-decoration: none; border-bottom: 1px dashed #AC77C7; cursor: help;}

O que está de vermelho,é a cor do negrito. O de laranja,o ítalico,o de azul é a cor da letra do sublinhado,e o de rosa é a cor da linha do sublinhado. Okey? Altere as cores de acordo com o seu gosto,visualize,se deu certo,salve! Se não,apague e refaça!

Bom gente..só isso por hoje! *----* Espero ter ajudado vocês beijooos ;*


Related Posts Plugin for WordPress, Blogger...