12 março, 2012

Maratona de Tutoriais Parte 2, 2° tutorial - Blockquote com listras que nem o meu.


Oii minhas maçãs do amor ♥ =D
Hoje vim com a segunda parte e o segundo tutorial da maratona.Vou ensinar a deixar o blockquote que nem o meu, listrado e numerado , aprendi a fazer no Sweet Poison. Vamos lá ?

Exemplo de como vai ficar :



Clique em READ MORE para aprender .



Vá em Design > Editar HTML> Dê CTRL + F > E pesquise por :




]]></b:skin>



E acima da tag pesquisada, você cola o seguinte código :




.post blockquote{
-webkit-background-clip:initial;
-webkit-background-origin:initial;
background-attachment:initial;
background-color:#FFF;
background-image:url(http://static.tumblr.com/8l2gpxb/Sgelougi5/codeimage.png); /* Background */
background-position:0 0;
background-repeat:no-repeat;
color:#666; /* Cor do texto */
display:block;
font-size:12px;
font:normal normal normal 1em/normal 'verdana', Fixed, monospace;
line-height:17px;
overflow-x:auto;
overflow-y:auto;
text-align:left;
border:1 px solid #ece9df; /* Bordas */
border-width:1px;
margin:1em 0;
padding:0 20px 0 30px;
}



E a parte que está negritada no código é o background ( a cor que deseja ).
Tem as seguintes cores : ( CLIQUE NO NOME DA COR PARA PEGAR O URL DO BACKGROUND )




ROSA
AZUL
CINZA
VERDE
AMARELO
MARRON


Visualize, e se gostar salve. Bjoo espero ter ajudado. Bjos ♥

.

3 comentários:

  1. ai que conhecidencia eu tava mesmo procurando diferentes jeitos de fazer o blockquote, mas acho que vou fazer aquele que tem a listra no canto
    beijos

    http://s2juuh.blogspot.com/

    ResponderExcluir
  2. Acabei de conhecer seu blog por um tuto que tinha aqui favoritado. UAHUHAU Esquisito! o_O
    Mas achei tão lindo e divo que segui! Tá liiiiindo, sério. Amei! E usei o último tutorial postado haha
    Beijo!

    ResponderExcluir
  3. Eu aprendi este tutorial á pouco tempo, justamente pelo Sweet Poison haha *-*

    Ádios, world-cutest.tk

    ResponderExcluir