18.5.12

Criando seu Blockquote

375348_230833113655381_178775718861121_540499_288728513_n_large
Hooy gentem !
Hoje trouxe um tuto bem básico , mas que faz a diferença ... Vou ensinar vocês a criar um Blockquote!
Bom , agente tem que ter uma base ...


.post blockquote {background: #FFFFF;  
color: #000;font-family: tahoma;font-weight: normal;font-size: 11px;text-align: right;padding: 3px;


 Bom , agora vamos entender esses códigos ...

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.
Mas... Não fica só nisso ...
Você pode personalizar seu blockquote
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;

Agora , agente coloca antes da tag : b:skin>
E é isso povoo , espero que tenham gostado , beijoks 

6 comentários:

  1. Nossa muuuito fofos os blockquotes! Eu ja criei o meu! COnfere lá: Bezus Luuh
    Rawr Baby ~> teenstyle.com

    ResponderExcluir
  2. Adorei !

    http://rosarosalina.blogspot.com

    ResponderExcluir
  3. Oiiie!!Ameei seu blog e esse post!!
    Daaa uma passadinha no meu blog please
    sweetcandy-sc.blogspot.com
    bjss...

    ResponderExcluir
  4. Oi,adorei seu blog,quando tiver um tempinho me faz uma visita,bj
    http://brunanopaisdasmaravilhas.blogspot.com.br/

    ResponderExcluir