jueves, 28 de julio de 2011

Blockquote doble fondo

Nuevo tutoo n.n recuerdan que hace tiempo puse el tuto de personalizar el blockquote bueno es del mismo tema pero algo mejorado ya que en ves de tener un fondo tendra 2 =D!!!!! el anterior solo tenia uno OJO ok?? oki bueno asi lo tengo yo actualmente con 2 fondos y me gusta como se ve ^^ va que les pongo el ejemplo:

taran taraan ^^ solo pasa el cursor por el !!
para poner el efecto haz lo siguiente:

te vas a:

Diseño >> Elementos de pagina >> Edicion HTLM

Busca el codigo:

.post blockquote {

o si no lo encuentras busca este:


blockquote {

Pega justo abajo el siguiente codigo

background:url(url_del_fondo);
padding:10px;
Border:2px dashed #9BDBFD;
-Moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px; -Moz-border-radius-bottomRight: 15px;
-moz-border-radius-topleft: 15px; -Moz-border-radius-TopLeft: 15px;
-moz-border-radius-topright: 15px; -Moz-border-radius-topright: 15px;
colour:#9BDBFD}
blockquote:hover {
margin: 1em;
padding: 1em;
border: 1px dashed #D1A7D8;
background:url('url_del_fondo') 10px top repeat;
-Moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px; -Moz-border-radius-bottomRight: 15px;
-moz-border-radius-topleft: 15px; -Moz-border-radius-TopLeft: 15px;
-moz-border-radius-topright: 15px; -Moz-border-radius-topright: 15px;
color:#666666; color: # 666666;
border: 2px dashed rgb(255, 190, 247); frontera: 3px puntos rgb (255, 190, 247);
}


Remplaza donde dice URL DE FONDO por la url de fondo que tu prefieras !!

en la siguiente linea puedes modificar el tipo de borde (dotted, double, solid, etc? y color!!

border: 3px dotted rgb(255, 148, 245); frontera: 3px puntos rgb (255, 148, 245);

9 comentarios:

  1. Y si no encuentro .post blockquote { ni blockquote { ¿Qué hago?

    ResponderEliminar
  2. cual plantilla tienes eva..?? para saber mas o menos lo que tienes que poner

    ResponderEliminar
    Respuestas
    1. Annys me podrías ayudar es que no encuentro ninguno de los dos que hago ¿? esta es mi plantilla Etéro espero tu respuesta gracias ;D este es mi blog http://diariodecorazonadas.blogspot.mx/

      Eliminar
    2. Hola me ayudas me pasa lo mismo no encuentro ninguno de los dos mi plantilla es eter espero puedas ayudarmee

      Eliminar
    3. hola si mira tu plantilla no tiene el blockquote por eso tendras que agregarsela y como haras esto: bueno solo copia el codigo del blockquote que doy arriba y pegalo arriba de ]] skin ^^ saludos y espero te sirva

      Eliminar
    4. O.O <3 muchas gracias eres mi salvadora

      Eliminar
  3. Annyz hola es la primera vez que participo de un comentario de su blog me parece que es hermoso y me es de mucha ayuda todos tus tutoriales porque así he transformado mi blog y ahora es kwai pero no logro aplicar este tutorial no me funcionan ninguna de las dos palabras y ademas tampoco se que plantilla soy. te agradecería si me ayudaras lo antes posible GRACIAS ...

    ResponderEliminar
    Respuestas
    1. claro con gusto te ayudo.. cual es la direccion de tu blog?

      Eliminar
  4. Annyz no me ayudarias? Mi plantilla es Picture Windows y no encuentro ese codigo :( Que codigo puedo buscar en lugar de los que dijite?

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.