vBulletin Header y Footer en vBulletin

[Movingaway]

Necesito agregar la siguiente imagen en el header y en el footer.
Tengan en cuenta que es para publicidad lleva un "fondo con lineas, un logo a uno de sus lados y dentro el banner"

Header:


Footer:



PD: ¿Se puede achicar el ancho del foro?

[Nekko]

Podés usar las plantillas destinadas a publicidades... Buscá ad_header_end y ad_forumhome_afterforums. Pegá ahi tus dos códigos y listo.

Podés usar también la integración con Google Adsense que te ofrece vBulletin en su área de miembros.

Y si vas a poner muchos mas avisos publicitarios vas a tener que buscarte algun plugin.

Suerte.

[Movingaway]

Si, pero quiero colocar la imagen que lleva atras de la publicidad, me explico?

[Nekko]

Bueno, eso se puede lograr con html y css en casos simples. Creás un div que contendrá tu imagen personalizada como fondo, y con el padding le vas a pautar los espacios para que el aviso quede encerrado dentro.

Código:

<div class="banner-personalizado">

<!-- codigo ad o imagen -->

</div>

el css sería algo como:

Código:

.banner-personalizado {
width:800px; 
height:100px;
background-image:url('images/mifondo.jpg');
padding: 30px 100px 30px 70px; /* valores orden arriba, derecha, abajo, izquierda */
overflow:hidden;
}

Podés agregar el css en la parte de css adicional. Modificá los valores por los que correspondan, puse algo a modo de ejemplo.

No tengo idea de cómo reacciona esto con códigos como el de adsense y por las dudas fijate en el ToS del servicio que vas a usar.

Espero que funcione!

[Movingaway]

Gracias, ahora lo voy a provar.

[Movingaway]

Para agregar el DIV tengo que ir a la siguiente ruta verdad:

Estilos y Plantillas --> Administrar Estilos --> Plantillas Comunes --> header

En el header coloco:

<div class="banner-personalizado">

<!-- codigo ad o imagen -->

</div>

Si es asi es lo mismo si lo quiero colocar footer.
¿Y el css a que lugar devo dirigirme para colocarlo?

[Nekko]

Estilos y plantillas > en tu style "todas las opciones de estilo" y al final de esa página tenés el recuadro de css adicional.