Anuncio

Colapsar
No hay anuncios todavía.

Anuncios Laterales Flotantes v2

Colapsar
X
  • Filtrar
  • Tiempo
  • Mostrar
Limpiar todos
nuevos mensajes

  • Anuncios Laterales Flotantes v2

    Buenas amigo acá vengo un la v2 de los anuncios flotantes.




    Ir a AdminCP > Estilos y Plantillas > Administrar Estilos y ingresar a la plantilla "additional.css" y agregar lo siguiente al principio:

    Código:
     #left-banner-div {
    width: 100px; left:5px; top: 10px;position: absolute; overflow: hidden;
    }
    #left-banner-div img {
    padding-bottom: 10px;
    }
    #right-banner-div {
    width: 100px; right:5px; top: 10px; position: absolute; overflow: hidden;
    }
    #right-banner-div img {
    padding-bottom: 10px;
    }
    @media (min-width: 600px)
    {
    #left-banner-div.sticky {
    position: fixed; top: 0px; left: 5px;
    }
    #right-banner-div.sticky {
    position: fixed; top: 0px; right: 5px;
    }
    Guardar y ingresar a la plantilla "navbar" y buscar:

    Código:
    <div class="body_wrapper">
    Y lo reemplazan por el siguiente código:

    Código:
    <div style="position: relative; background: #FFF;">
      <div class="left-banner-div">
      <div style="text-align: left;"> [img]URL DE IMAGEN[/img]</div>
      </div>
       
       
      <div class="right-banner-div">
      <div style="text-align: left;"> [img]URL DE IMAGEN[/img]</div>
      </div>
      <div class="body_wrapper" style="margin: 0 100px 0 100px; overflow: hidden;">
    Luego al final de la plantilla "navbar" ingresar lo siguiente:

    Código:
          <script type="text/javascript">
          <!--
       
       
            var $window = $(window),
                 $stickyEl = $('#left-banner-div'),
                elTop = $stickyEl.offset().top;
       
       
       
       
             $window.scroll(function() {
              $stickyEl.css('top', ($window.scrollTop() > elTop) ? $window.scrollTop() - elTop + 10 : 10);
              });
       
       
             var $window = $(window),
                 $stickyE2 = $('#right-banner-div'),
                 elTop = $stickyE2.offset().top;
       
       
             $window.scroll(function() {
                  $stickyE2.css('top', ($window.scrollTop() > elTop) ? $window.scrollTop() - elTop + 10 : 10);
              });
       
       
          // -->
          </script>

    Y guardar.

  • #2
    Re: Anuncios Laterales Flotantes v2

    en el caso de ser anuncios adsense como seria la configuracion?

    Comentario

    Trabajando...
    X