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

Como se hace esto

Estas en el tema de Como se hace esto en el foro de Diseño web en Foros del Web. Me refiero al efecto del marco de las imagenes de este blog de blogger, por mas que lo intento no lo consigo... la direccion del ...
  #1 (permalink)  
Antiguo 01/11/2009, 20:18
 
Fecha de Ingreso: noviembre-2009
Mensajes: 5
Antigüedad: 14 años, 5 meses
Puntos: 0
Como se hace esto

Me refiero al efecto del marco de las imagenes de este blog de blogger, por mas que lo intento no lo consigo...

la direccion del blog es ---mikematas-com
  #2 (permalink)  
Antiguo 01/11/2009, 20:32
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Como se hace esto

Esta hecho con un editor gráfico como photoshop o Corel, manejas alguno?? para recomendarte un tutorial.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 04/11/2009, 16:10
 
Fecha de Ingreso: noviembre-2009
Mensajes: 5
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Como se hace esto

Hacerlo en photoshop se hacerlo, lo que no se es como hacerlo para que desde blogger se aplique a todas las fotos. Creo que el lo pone desde el codigo, llama al marco y lo situa. No se como hacerlo con css o con html.
  #4 (permalink)  
Antiguo 04/11/2009, 17:00
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 2 meses
Puntos: 2114
Respuesta: Como se hace esto

Si mirás —detenidamente— el código fuente, vas a observar que todas las imágenes tienen un span:

Código html:
Ver original
  1. <span class="picShadow"/>

Y luego, en la hoja de estilos (línea #146):

Código css:
Ver original
  1. landscape .picShadow {
  2. -moz-background-clip:border;
  3. -moz-background-inline-policy:continuous;
  4. -moz-background-origin:padding;
  5. background:transparent url(files/landscape-shadow.png) no-repeat scroll center bottom;
  6. width:640px;
  7. }

Donde el secreto está, en la imagen PNG correspondiente ah! por cierto, el resto del efecto "marco" está en el class landscape
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #5 (permalink)  
Antiguo 11/11/2009, 15:49
 
Fecha de Ingreso: noviembre-2009
Mensajes: 5
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Como se hace esto

gracias, lo intentare
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 17:26.