Que banner elegir

[linkerwars]

Hola,

Me gustaría saber como puedo hacer el banner que aparece en mitad de la siguiente página:

http://goo.gl/WjcS16

El que pone solicita información, ¿Es un plugin?, ¿Conoceis algún otro tipo de banners que sean vistosos como este?.

Saludos.

[flacc]

Yo diría que el banner esta hecho a mano. Saludos

[linkerwars]

Puede ser, aunque tiene pinta de que está automatizado con algún plugin.

Saludos.

[Wick3D]

Ese banner se hace en Photoshop en 5 minutos. Y lo de "solicita información" es una simple programación de direccionamiento que también haces en 5 minutos en cualquier editor de texto.

De hecho, tardas menos en programarlo que en buscar cualquier plugin.

[linkerwars]

El problema es que he probado a hacerlo como el del link, pero se me descuadra al cambiar de tamaño la pantalla, cosa que no ocurre con el original que aparece en esa web.

Saludos.

[Wick3D]

A ver, he revisado el código y me he dado cuenta de que se trata de 2 contenedores <div>.

Siendo ésto así, te voy a dejar como sería un código de ejemplo para lo que necesitas:


Ésto sería la estructura HTML:

Código (php) [Seleccionar] Expandir

<div class="contenedor" id="uno">
   <img src"ruta de la imagen...">
</div>

<a href="paginadeejemplo.thm"><div class="contenedor" id="dos">
   <img src="ruta de la imagen...">
</div></a>

Ésto sería con el CSS:

Código (php) [Seleccionar] Expandir

div#contenedor{
 display: block;
 margin: ...px:
 height: ...px;
 width: ...px;
 float: left;}

div#uno {
background-color: rgb (nn, nn, nn);
   }

div#dos {
background-color: rgb (nn, nn, nn);
   }

Con eso debería funcionarte.

[linkerwars]

Muchas gracias por la info Wick3D,

¿Sabes si el icono que aparece de la mano, esta hecho con algún tipo de fuente?

Saludos.

[linkerwars]

Al final he conseguido hacerlo exactamente igual como el del link, aunque no se como quitar el borde azul fino superior que aparece en el link original.

De todas formas aunque no pueda quitar este borde que es lo que me gustaría, me sirve igualmente.
¿Como se hace para marcar esto como resuelto?

Saludos.