Cómo lograr efecto Imagen+Título con enlace en theme

Hades

Épsilon

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 23 Oct 2010

• #1

Hola, me encuentro desarrollando un theme y como no soy muy listo para algunas cosas, me he topado con mi primera traba compleja, ¿cómo puedo lograr esto?:

Enlace eliminado

Alguien sabe con que herramientas, scripts, etc. se puede lograr ese efecto sin mayores prestaciones que Imagen+Título con enlace.

Saludos!

 

Adjuntos

• 
  Engadget_1287816415610.webp

  19 KB · Visitas: 9

Angel Ortega

1

Iota

Diseñador

Verificación en dos pasos activada

Suscripción a IA

• 23 Oct 2010

• #2

Pues segun la imagen va a ser dinamico, si es en wordpress, tendrias que usar thumbnails automaticos, hacer una modificacion al query para que te muestre los primeros 5 posts de esa manera, y lo demas jugando con el css y posiciones relative; absolute; por ahi va la cosa, te tocara batallar un rato xD

 

Hades

Épsilon

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 23 Oct 2010

• #3

Si, no tendria problemas con los thumbnails ni el query, lo que no sé, es como poner el bendito título dentro de la imagen!! :s!

 

J

jackbach

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 23 Oct 2010

• #4

Algo así:

HTML:

<div class="post">
  <img ... />
  <div>
    <span>Hace 7 días</span>
    <h2>Título de la entrada</h2>
  </div>
</div>

el css:

Insertar CODE, HTML o PHP:

.post{
  position: relative;
  float: left;
}
.post div{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.post span{
  display: block;
  background: rgb(__,__,__,0.9);
}
.post h2{
  display: block;
  background: rgb(__,__,__,0.9);
  width: 100%;
}

Le faltan cosas pero es la idea general - no lo he testeado. Suerte!