Enmarcar las imágenes de nuestro blog con un fondo

19:05


                                           


Hola que tal amigos soy su amiga Lady Pink esta ocasión les muestro como pueden modificar la presentación de sus imágenes en el blog, es decir que esta este enmarcada.



Para esto vas a:



  • Inicia sesión
  • plantilla 
  • Edición de HTLM




  • Ahí busca y pega Antes de  ]]></b:skin>
.post img {
margin: 5px;
padding: 20px;
background:url('URL DE LA IMAGEN')repeat;
-moz-border-radius: 3em 1em;
}
.post img:hover {
background:url('URL DE  LA IMAGEN ') 10px top repeat;
-moz-border-radius: 3em 1em;
}

  • Modifica donde dice URL DE LA IMAGEN por el link de tu imagen te recomiendo una imagen pequeña
  • Como vez hay dos  URL DE  LA IMAGEN  puedes pones 2 fondos diferentes el primero es el que se muestra fijo y el segundo es cuando pasas el cursor sobre la imagen.


Como buscar mas rápido: 
Da clic sobre la imagen para verla en tamaño real 

TAMBIÉN PODRÍA GUSTARTE

9 comentarios

  1. Respuestas
    1. Como vez lo tengo puesto en mi blog actualmente(oct. 2012)revisa bien hazlo tranquilo (a) vuelve a intentarlo, recuerda que donde dice url debe colocar el link o enlace de tu imagen x ejemplo esto que te pongo enseguida es un link:
      http://1.bp.blogspot.com/_a5mK001oySU/TJtkXXy25uI/AAAAAAAAjIk/Kaeo1LJcsO4/s1600/1.jpg


      osea quedaría así:
      .post img {
      margin: 5px;
      padding: 20px;
      background:url(http://1.bp.blogspot.com/_a5mK001oySU/TJtkXXy25uI/AAAAAAAAjIk/Kaeo1LJcsO4/s1600/1.jpg
      )repeat;
      -moz-border-radius: 3em 1em;
      }
      .post img:hover {
      background:url('http://1.bp.blogspot.com/_a5mK001oySU/TJtkXXy25uI/AAAAAAAAjIk/Kaeo1LJcsO4/s1600/1.jpg
      ') 10px top repeat;
      -moz-border-radius: 3em 1em;
      }

      Eliminar
  2. perdon por tardarme en responder, ya lo hice de varias maneras y no me funciona lo que veo la url segunda tiene comillas la primera no? :( me da coraje que no me funcione

    ResponderEliminar
    Respuestas
    1. solo ponla al iniciar y terminar el link

      Eliminar
  3. fijate que en mi blog de pruebas si sale bien , ¿será que algún otro efecto que tenga en el blog no sean compatibles o algo asi?

    ResponderEliminar
  4. A mi tampoco me funciona :c mira aqui tome una captura http://sta.sh/0lic4w3uh7w espero me ayudes gracias Ladypink c:

    ResponderEliminar
  5. Añadí una imagen hasta el final de la información para encontrar la parte mas rápido.

    ResponderEliminar
  6. ¿Como haces para que no se repita el fondo? ¿De que tamaño tiene que ser exactamente? porque yo lo puse y se repite el fondo , no es exacto a la imagen y en el tuyo queda exxacto con cualquier tamaño de imagen ¿tienes correo electronico? o te envio mensaje a tu facebook? porque tengo muchas dudas :S porfa :D n.n Grax

    ResponderEliminar
    Respuestas
    1. Hola Jazmin te deso feliz año adelantado :D

      Plantillas a la medida.
      Mira te dejo estos 2 link en donde vas a encontrar todo lo que necesitas para tener tu blog bien lindo:

      1._ http://tutosladypink.blogspot.mx/2011/02/bueno-s-muy-facil-al-finalizar-la-2.html

      2._ http://tutosladypink.blogspot.mx/search/label/Todo%20para%20tu%20blogger

      Por cierto no tengo facebook pero tu pregunta por aqui no hay ningun problema

      Eliminar

Bienvenidos gracias por tu visita y comentario. Recuerda suscribirte para recibir actualizaciones en tu correo de lo nuevo de este blog y de las demás redes sociales de Tutos Lady Pink.


Welcome thanks for your visit and comment. Subscribe if you want to receive updates from this blog. Remember to visit the other social networking pink lady.


欢迎感谢您的访问和评论。
订阅如果您想收到这个博客的更新。
下次访问其他社会网络夫人粉色。