Como conseguir efeito Imagem+Título com link no theme

Hades · 23/10/2010

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!

Angel Ortega · 23/10/2010

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 · 23/10/2010

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!

jackbach · 23/10/2010

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:

Inserir CODE, HTML ou 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!

Como conseguir efeito Imagem+Título com link no theme

Hades

Anexos

Angel Ortega

Hades

jackbach

Tópicos similares