Agora eu trago para vocês o primeiro tutorial do blog! Este é de um modelo personalizado de blockquote. Eu fiz ele ontem, antes mesmo de decidir se eu iria ou não abrir o blog. Fiz sem pensar e ficou bem bonitinho o resultado...
Primeiro Passo: Vá em Modelo > Editar HTML, clique no código que aparecer, pressione F3 ou Ctrl+F e pesquise por ]]></b:skin>. Antes do código pesquisado cole o código a seguir!
OBS: Onde estáSUACOR, personalize com a cor de acordo em o que está escrito na frente de cada linha!
blockquote {
border: 2px solid #SUACOR;/* cor da borda */
background: #SUACOR; /* cor de fundo */
border-radius: 4px;
padding: 5px;
font-size: 13px; /* tamanho da fonte */
text-shadow: 1px 1px 0px #fff; /* sombra da fonte */
color: #SUACOR; /* cor da fonte */
text-align: center;
box-shadow: inset 0 0 5px #SUACOR, 0 0 5px#SUACOR; /* sombra do blockquote */
}
blockquote:hover {
border: 2px solid #SUACOR;/* cor da borda */
background: #SUACOR; /* cor de fundo */
border-radius: 4px;
padding: 5px;
font-size: 13px; /* tamanho da fonte */
text-shadow: 1px 1px 0px #fff; /* sombra da fonte */
color: #SUACOR; /* cor da fonte */
text-align: center;
box-shadow: inset 0 0 5px #SUACOR, 0 0 5px#SUACOR; /* sombra do blockquote hover */
}
OBS: Onde está
Wow, super curti o tutorial, o resultado é bem interessante.
ResponderExcluirAbraços,
Revolução Nerd
www.revolucaonerd.com
Que bom que gostou :)
ExcluirMuito legal o tutorial , adorei o blockquote quem sabe eu uso ?
ResponderExcluirBeijinhos , Sugary Nyah.
Obrigado... Pode usar sim *_*
Excluirque blockquote lindo *o*
ResponderExcluirAté pensando em usar !
http://indiferente-mundo.blogspot.com.br/
*O* Pode usar! ;)
Excluir*O* Que perfeitos! Todos são lindos <3 Estava esperando esse blog abrir completamente hahaha. Talvez eu use nos meus proximos layouts *-* Seu blog tá favoritado aqui *u*
ResponderExcluirBeijos!
Retribui?
http://querendo-voar.blogspot.com.br/
own, obrigado por esperar o blog abrir! Pode usar a vontade! Obrigado novamente!!! ♥
ExcluirOuo que liindo Shusha' ;33
ResponderExcluirAdoorei esse cantinho aquie
np-nadapopular.blogspot.com.br
Obrigado ♥♥
ExcluirObrigado por voltar!
ResponderExcluirPode deixar!
Que blockquote lindo, talvez use no próximo layout u-u /
ResponderExcluirboa noite!