18 janeiro 2012

Blockquote personalizado


Hoyy ursinhos de pelúcia, tudo ok? Hoje eu tô super ultra mega feliz, porque com minha cabeça de gênio eu consegui entender algumas coisitas de HTML e consegui fazer um código!!  Não foi fácil..mas valeu a pena bom como o título já diz é de um blockquote ( o que é isso???) Há pouco tempo eu também não fazia a minima  ideia mas você verá o que é logo, logo...
Para aplica-lo:
1- Vá em Design-> Editar HTML ->Aperte CTRL+F ou F3 e pesquise por: ]]></b:skin>
2- Coloque o código acima de ]]></b:skin>:
3- Visualize, se estiver tudo certo, Salve
Como usar:
1- Na postagem é só o texto selecionar e clicar em aspas

Código 


/*---Blockquote por Cherry Sweet-Não retire os créditos---*/
blockquote {
border: 1px dashed #1E90FF; /* tamanho, estilo e cor da borda */
background-color: #FFFFFF; /* cor do fundo */
padding: 10px;
font-size: 13px; /* tamanho da fonte */
color: #000000; /* cor da fonte */
text-align: center; /* alinhamento do texto */
-moz-border-radius: 10px 0; /* bordas arrendondadas- coloque os três iguais para não dar erro */
-webkit-border-radius: 10px 0; /* bordas arrendondadas- coloque os três iguais para não dar erro */
border-radius: 10px 0; /* bordas arrendondadas- coloque os três iguais para não dar erro */
}
/*---Blockquote por Cherry Sweet- Não retire os créditos---*/

2 comentários:

Julia-* disse...

Que design perfeito o seu, amei <3, adorei o tutorial, super útil. E claro, estou seguindo, bjs.
http://boneca-imperfeita.blogspot.com/

Gabriella Alexandra disse...

1° adoreii a sua Lay.
2° Seu blog é ótimo.
3° Tem como não amar.
Amei tudo**
Kisses, Gabriella
http://perpink.blogspot.com