¡¡Hola chicas!! Hoy os traigo un tutorial de como personalizar tu blockquote. El blockquote es también conocido como la "cita" y se usa normalmente para poner los códigos de tutoriales y tal. Se pone dandole (donde se escribe el post) las comillas azules que aparecen. En fin en este tutorial aprenderas a personalizarlo a tu gusto , empecemos:
padding:15px 20px 15px 20px;
color: #f0467d;
margin: 10px;
text-shadow: 0px 0px 0px;
}
blockquote:hover {
background-image: url(URL);
-webkit-border-radius: 10px 0px 0px 10px;
color: #f0467d;
text-shadow: 0px 0px 5px ;
box-shadow: 0 0 8px #afafaf;
}
Lo modifican a su gusto y... ¡ya! ¡listo! Si no entienden algo solo tienen que preguntar , pero sinceramente solo es inglés , con saber lo básico basta para entenderlo. Bueno eso era todo , ¡un beso!
Código by: NASS
- Te vas a la pestaña de "plantilla".
- Pinchas en "edición html".
- Abres el buscador (Ctrl+F)
- Y buscas: " *posts* " (sí, con los asteriscos).
5.Y pegas el siguiente código:
blockquote {
background-image: url(URL de tu imagen);padding:15px 20px 15px 20px;
color: #f0467d;
margin: 10px;
text-shadow: 0px 0px 0px;
}
blockquote:hover {
background-image: url(URL);
-webkit-border-radius: 10px 0px 0px 10px;
color: #f0467d;
text-shadow: 0px 0px 5px ;
box-shadow: 0 0 8px #afafaf;
}
Código by: NASS
