Foros del Web » Creando para Internet » Diseño web »

Como ponerle imagen fondo a ciertas imágenes

Estas en el tema de Como ponerle imagen fondo a ciertas imágenes en el foro de Diseño web en Foros del Web. Hola que tal compañero quisiera ver si me pueden ayudar, lo que quiero es por ejemplo tener algunas imágenes con cierta clase, y que al ...
  #1 (permalink)  
Antiguo 10/07/2011, 17:54
Avatar de sunnyton  
Fecha de Ingreso: abril-2010
Mensajes: 153
Antigüedad: 14 años
Puntos: 6
Como ponerle imagen fondo a ciertas imágenes

Hola que tal compañero quisiera ver si me pueden ayudar, lo que quiero es por ejemplo tener algunas imágenes con cierta clase, y que al tener esa clase las imágenes, se les ponga una imagen fondo, asi como amm no se un contorno con alguna sombra algo mas diseñado o no se, pero no se exactamente cuales reglas de css usar, alguien me ayuda?
  #2 (permalink)  
Antiguo 11/07/2011, 00:38
Avatar de xikipinki  
Fecha de Ingreso: julio-2011
Ubicación: Barcelona
Mensajes: 22
Antigüedad: 12 años, 9 meses
Puntos: 3
Respuesta: Como ponerle imagen fondo a ciertas imágenes

Cita:
.marco1 {
padding:8px;
background-color: #f5f5f5;
width: 200px;
border: 1px solid #999999;
}
.marco1 IMG{
border: 1px solid #000000;
}

<div class="marco1">
<img src="im1.jpg" width="200" height="150" alt="">
</div>

.marco2 {
padding:8px;
background-color: #f5f5f5;
width: 200px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}

<div class="marco2">
<img src="im2.jpg" width="200" height="150" alt="">
</div>

.marco3 {
padding:8px 8px 20px 8px;
background-color: #ffffff;
width: 200px;
border: 1px solid #999999;
}

<div class="marco3">
<img src="im3.jpg" width="200" height="150" alt="">
</div>

.blur{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
width: 224px;
}
.shadow, .content{
position: relative;
bottom: 2px;
right: 2px;
}
.shadow{
background-color: #666; /*shadow color*/
color: inherit;
}
.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: .5em 2ex;
}
.content IMG{
border: 1px solid #000000;
}

<div class="blur">
<div class="shadow">
<div class="content"><img src="im4.jpg" width="200" height="150" alt=""></div>
</div>
</div>
Ahi te puesto unos cuantos, prueba a ver que tal :) es mas facil si nos indicas el proposito de las imagenes, decoracion de un texto, cabeceras, galerias, etc.
  #3 (permalink)  
Antiguo 11/07/2011, 01:28
Avatar de sunnyton  
Fecha de Ingreso: abril-2010
Mensajes: 153
Antigüedad: 14 años
Puntos: 6
Respuesta: Como ponerle imagen fondo a ciertas imágenes

Cita:
Iniciado por xikipinki Ver Mensaje
Ahi te puesto unos cuantos, prueba a ver que tal :) es mas facil si nos indicas el proposito de las imagenes, decoracion de un texto, cabeceras, galerias, etc.
muchas gracias amigo, los probare y te digo el proposito es como por ejemplo tener algunso articulos a la venta con sus respectivas imagenes y que tengan esa simagens un contorno bonito y elegante como sombras o asi

Etiquetas: css, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:23.