27 de mai. de 2012

Tutorial: Como fazer Blockquotes

|| || ||
Tumblr_m07p98db2i1qdsy52o1_500_large

Hooy Povoo *--*

.Hoje eu estou trazendo um tutorial que eu aprendi no  Touch the Sky então os créditos são todos dele , o tutorial e muito fácil bata presta atenção , 
então vamos conferir?

1° Passo:

.post blockquote {background: #FFFFF;       color: #000;font-family: tahoma;font-weight: normal;font-size: 11px;text-align: right;padding: 3px;}   
cole o code no blog de notas 

Entenda :

background: #FFFFF; - Fundo do blockquote 
color: #000 ; - Cor da Fonte
Font-size: 11px ; - Tamanho da Fonte
text-align: right; - Alinhamento do texto

Trocando código :
 background: url("URL do background") repeat; - Troque por background: #FFFFF se quiser fundo de imagem 

Acrescentando códigos :
Bordas direitas :
border-right: 0px solid #33CCCC;  
border-right: 0px dashed #33CCCC;
border-right: 0px dotted #33CCCC;
Altere :

0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda 


Bordas esquerdas :
border-left: 0px solid #33CCCC;  
border-left: 0px dashed #33CCCC;
border-left: 0px dotted #33CCCC;
Altere :

0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda 


Bordas abaixo :
border-bottom: 0px solid #33CCCC;  
border-bottom: 0px dashed #33CCCC;
border-bottom: 0px dotted #33CCCC;
Altere :

0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda 


Bordas no topo :
border-top: 0px solid #33CCCC;  
border-top: 0px dashed #33CCCC;
border-top: 0px dotted #33CCCC;
Altere :

0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda 


Bordas em tudo :
border: 0px solid #33CCCC;  
border: 0px dashed #33CCCC;
border: 0px dotted #33CCCC;
Altere :

0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda 


Pode misturar os códigos que não da problema .
Acrescente sempre antes de } 

Para utilizar o blockquote cole antes de "  ]]></b:skin>  "

Beijos, Fiquem com Deus


Nenhum comentário:

Postar um comentário

- Sem ofensas, não seja mal educada.
- De sempre sua opinião.
- Por favor, não diga: "Seguindo, segue de volta?", comente e deixe o url do seu blog, se eu gostar, sigo;
- NÃO DEIXE O LINK DO SEU BLOG, ESTÁ SENDO CONSIDERADO COMO SPAM PELO GOOGLE, DEIXE SEMPRE ALGO DO TIPO : - Meu Blog - ou meublog.blogspot.
- Vagas para parceiros abertas;