sábado, 13 de julho de 2013

Tutorial-Personalizar Blockquote!


Hooy meus Kawaiis!O tutorial de hj é bem útil,aliás não estava postando ultimamente muitos tutoriais porque tava com preguiça...Enfim,Vamos lá! (Até porque se eu continuar,como estou fazendo agora,vou esquecer do tutorial rs;)

1°Para quem Não sabe o que é um Blockquote,aí vai um exemplo :
Oi,tudo bem?Eu sou um BLOCKQUOTE!

Viram?então,quer aprender como ter 1 desses?Clique em ''Mais informações'' !
 Vá em : Editar HTMLTecle Ctrl f Procure na caixinha de Pesquisa que aparecer : ]]></b:skin> Achou?Agora,ACIMA da Tag procurada cole este seguinte código abaixo :

.post blockquote {
margin: 1em 13px;
background: #9AE3ED;   /*cor do fundo*/
border: 1px solid #E85A93;   /*cor da borda*/
border-left: 7px solid #E85A93;   /*cor da borda*/
padding: 8px;   /*espaçamento do texto*/
font-size: 10px;   /*tamanho da fonte*/
font-family: tahoma;   /*tipo da fonte*/
color: #000000;   /*cor da fonte*/
}

Se quiser,altere o que está destacado como as cores! Mas...Como usar o Blockquote?É simples ^^ veja abaixo o exemplo :

(Crédito na imagem:Minha grande distração)

Então,espero que tenham gostado!Sugestões ão aceitas!Tchau!

CRÉDITOS:Minha Grande Distração

Nenhum comentário:

Postar um comentário