• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Icono de recurso

Estilo Banner responsable (responsive) en header

Para XenForo...
  1. 1.0.x
  2. 1.1.x
  3. 1.2.x
Autor
lms
Imagen del autor
Avatar del autor
Crea una plantilla y llámala (por ejemplo) ad_bannerMio y en ella pones este código
Insertar CODE, HTML o PHP:
<xen:require css="ad_bannerMio.css"/>

<div id="bannerMio" class="bannerMio">
<a href="http://www.mi_url" target="_blank"><img src="mi_banner.jpg" /></a>
</div>
Guárdala y crea una nueva plantilla llamada ad_bannerMio.css y en ella pones
Insertar CODE, HTML o PHP:
#bannerMio { max-width: 468px; max-height: 60px;float:right; }
.bannerMio { width: 468px; height: 60px; }

<xen:if is="@enableResponsive">
   @media(max-width: @maxResponsiveWideWidth) { #bannerMio { max-width:421;max-height:54px; }
#bannerMio img { max-width:421;max-height:54px; } }
   @media(max-width: @maxResponsiveMediumWidth) { #bannerMio { max-width:316px; }
#bannerMio img { max-width:316px; } }
   @media(max-width: @maxResponsiveNarrowWidth) { #bannerMio { max-width:158px; }
#bannerMio img { max-width:158px; } }
</xen:if>
En la plantilla ad_header poner debajo del hook:
Insertar CODE, HTML o PHP:
<xen:include template="ad_bannerMio" />

Espero que os rule bien

Salud2
Autor
lms
Visitas
1.262
Primer lanzamiento
Última actualización
Votar
0,00 estrella(s) 0 calificaciones

Más recursos de lms

Arriba