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;
}
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.
Da clic sobre la imagen para verla en tamaño real
.png)
.png)
.png)
9 comentarios
NO ME FUNCIONA :(
ResponderEliminarComo 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:
Eliminarhttp://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;
}
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
ResponderEliminarsolo ponla al iniciar y terminar el link
Eliminarfijate 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?
ResponderEliminarA mi tampoco me funciona :c mira aqui tome una captura http://sta.sh/0lic4w3uh7w espero me ayudes gracias Ladypink c:
ResponderEliminarAñadí una imagen hasta el final de la información para encontrar la parte mas rápido.
ResponderEliminar¿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
ResponderEliminarHola Jazmin te deso feliz año adelantado :D
EliminarPlantillas 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
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.
欢迎感谢您的访问和评论。
订阅如果您想收到这个博客的更新。
下次访问其他社会网络夫人粉色。