Personalizar El Blockquote

|| ||

Empezando... ¿Se Acuerdan Que dije Que haría Un Tutorial Sobre Modificar El Blockquote?
Pues Aquí esta ... 

Ok Vamos A Plantilla/Editar HTML

Busca…
/* Posts
----------------------------------------------- */

O

/* Posts

Ctrl + F Para Buscas Mas rapido

Abajo de /* Posts
----------------------------------------------- */
Pegaremos Lo siguiente…

blockquote {
-webkit-border-radius: #ffb4c7 dashed 10px 0px 0px 10px;
background-image: url(http://4.bp.blogspot.com/-d5unh2jrLk0/UerUhQfVm3I/AAAAAAAAPaE/WIigeAn2nUA/s200/sdkfs.png);
padding:15px 20px 15px 20px;
color: #f81852;
margin: 10px;
text-shadow: 0px 0px 0px;
}

Para estar más seguros… Quedaría así




/* Posts
----------------------------------------------- */
blockquote {
background-image: url(Dirección De La Imagen);
padding:15px 20px 15px 20px;
color: #f81852;
margin: 10px;
text-shadow: 0px 0px 0px;
}

Editemos:

Color: El Color que quieras
Background-Image: url (La url De tu imagen)


Este Tutorial Es Mío >-<
Ahora Vamos, Con un toque Super Kawaii, El tutorial Lo Tome de

http://confiaencristo.blogspot.com Y Ella Lo Tomo De Annyz >.< Así que le doy créditos a Annyz blog

Empezemos…

Vamos A Plantilla/Editar HTML

Busca:

]]></B:skin>
Ctrl F Para que te aparezca más rápido

Pega este código Justo antes De ]]></B:skin>

blockquote{ background:url(URL DEL FONDITO KAWAII); padding:10px; border:3px solid #ffd5d5; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; } blockquote:hover{ border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #ffd5d5; -moz-box-shadow: 0px 0px 8px #ffd5d5; box-shadow: 0px 0px 8px #ffd5d5;

Lo Editamos Y Listo n.n Lo Prometido es deuda!! Y Aquí esta :3
Espero que les sirva chao, Coman Muchas lentejas(?
Bueno Adiós :3







No hay comentarios:

Publicar un comentario

Tu comentario me haría muy feliz!! :D