-->

04 mayo 2014

Tutorial:Blockquote precioso en tu blog ♥

Holaaaaaaa
(No se resistan a Selena,se que tienen un lado Selenator)
Bueno,Lizez en el chatbox me preguntó que que eran esos 'cuadraditos' con letra dentro que había puesto en el tutorial de cómo cambiar los bordes de una foto,bueno,pues si ustedes tampoco se aclaran,se lo explico:
Eso se llama BLOCKQUOTE,es completamente personalizable y lo puedes usar cuándo quieras y dónde quieras...
PROBANDO BLOCKQUOTE,PROOOOOBANDO
¿Ven?,ese cuadradito es el blockquote,lo saqué del blog de Lunany Kawaii y lo voy a compartir(dándole créditos)
Si quieren saber cómo,sigan los pasos:



PARA PLANTILLA BLOGGER
Vas a plantilla/Editar HTML/presionas el botón CTRL y el F a la vez y buscan en la cajita  ]]></b:skin>   y pegas el código antes de este.
PARA PLANTILLA BLOGSKIN:
Buscas </style> y lo pegas antes.

El código que deben usar es el siguiente:
blockquote {
margin-top: 9px;
background-color: #A9E2C7;/*Color de fondo*/
padding: 8px;
font-size: 11px;/*Tamaño de la Letra*/
color: #FC7C7C;/*Color de la letra*/
text-shadow: 1px 1px 0px #B5F7D7;/*Color de la sombra de la Letra*/
text-align: center;
outline-style: dashed;/*Tipo de la linea de adentro*/
outline-width: 1px;
outline-color: #fff;/*Color de la linea de adentro*/
outline-offset: -3px;
-webkit-transition-duration: .50s;
}
blockquote:hover {
background-color: #dccfb9;/*Color de fondo al pasar el cursor*/
}
Editemos:
Entren a Color hex y en el cuarito escogen un color y copian el código:
Editen:
Verde:Tamaño de letra
Morado:Color de fondo
Color raro:Color de letra
Azul:Sombra de la letra
Azul eléctrico:Color de fondo al pasar el cursor(el mío amarillo)

Guardan y listo.
Para que les aparezca,den click aquí al hacer la entrada:

Créditos:Luna

SI USAS ESTE TUTORIAL,DENME CRÉDITOS,O POR LO MENOS A LUNA,NO COPIES.


No hay comentarios:

Publicar un comentario

Hola :)
Antes que nada,quería deciros que no insulteis ni causeis spam,hay que ser respetuoso,amigos :)