[SOLUCIONADO]Barra Flotante inferior. para publicidad

Esta es una discusión para el tema [SOLUCIONADO]Barra Flotante inferior. para publicidad en el foro vBulletin 3 - Preguntas, Problemas y Soluciones, bajo la categoría Soporte vBulletin; Hola. Explico la idea. Tengo un servidor de l2 y estoy registrado en varias paginas de votaciones. eh tomado el codigo posteado por mcloud del mensaje que invita a registrarse flotante y eh optado por ...
Página:


Resultados 1 al 12 de 12

Temas similares

  1. Por gariko en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  2. Por Demgel en el foro Soporte para Productos/Plugins
  3. Por RadamantiS en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  4. Por mdenov en el foro Soporte para Productos/Plugins
  5. barra inferior Respuestas: 1
    Por Javincy en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  1. #1
    Miembro Array
    Fecha de ingreso
    01 may, 05
    Mensajes
    6
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado [SOLUCIONADO]Barra Flotante inferior. para publicidad

    Hola.

    Explico la idea.

    Tengo un servidor de l2 y estoy registrado en varias paginas de votaciones.

    eh tomado el codigo posteado por mcloud del mensaje que invita a registrarse flotante y eh optado por modificarla para poder poner los botones para que la gente vote.

    no eh logrado centrar mediante porcentajes.

    el skinn que tengo se ubica al cntro de la pagina y no se redimenciona ..
    me gustaria centrar el letrerito a la pagina

    Espero se entienda la idea
    Código PHP:
    <!-- Improve registration Rates -->

    <
    style type="text/css">

    #topbar{
        
    position:absolute;
        
    width100%px;
        
    height62px;
            
    z-index400;
    }

    </
    style>

    <
    script type="text/javascript">
    var 
    persistclose=//set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX //set x offset of bar in pixels
    var startY //set y offset of bar in pixels
    var verticalpos="frombottom" //enter "fromtop" or "frombottom"

    function iecompattest(){
    return (
    document.compatMode && document.compatMode!="BackCompat")? document.documentElement document.body
    }

    function 
    get_cookie(Name) {
    var 
    search Name "="
    var returnvalue "";
    if (
    document.cookie.length 0) {
    offset document.cookie.indexOf(search)
    if (
    offset != -1) {
    offset += search.length
    end 
    document.cookie.indexOf(";"offset);
    if (
    end == -1end document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offsetend))
    }
    }
    return 
    returnvalue;
    }

    function 
    closebar(){
    if (
    persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }

    function 
    staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var 
    document;
    function 
    ml(id){
    var 
    el=d.getElementById(id);
    if (!
    persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.startX;
    if (
    verticalpos=="fromtop")
    el.startY;
    else{
    el.ns pageYOffset innerHeight iecompattest().scrollTop iecompattest().clientHeight;
    el.-= startY;
    }
    return 
    el;
    }
    window.stayTopLeft=function(){
    if (
    verticalpos=="fromtop"){
    var 
    pY ns pageYOffset iecompattest().scrollTop;
    ftlObj.+= (pY startY ftlObj.y)/8;
    }
    else{
    var 
    pY ns pageYOffset innerHeight barheightiecompattest().scrollTop iecompattest().clientHeight barheight;
    ftlObj.+= (pY startY ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.xftlObj.y);
    setTimeout("stayTopLeft()"10);
    }
    ftlObj ml("topbar");
    stayTopLeft();
    }

    if (
    window.addEventListener)
    window.addEventListener("load"staticbarfalse)
    else if (
    window.attachEvent)
    window.attachEvent("onload"staticbar)
    else if (
    document.getElementById)
    window.onload=staticbar
    </script>




    </div><div id="topbar"> 
      <div align="center"><img src="/forum/graphite/registra/registra.jpg" width="315" height="62" border="0" valign="center" usemap="#Map"/>
          <map name="Map" id="Map">
            <area shape="rect" coords="297,5,310,15" href="" onClick="closebar(); return false" />
            <area shape="poly" coords="310,23,310,42,288,56,255,57" href="register.php" />
            </map>
      </div>
    </div>



    <!-- End Improve Registration --> 
    En esta captura muestro como esta ahora y como pretendo qeu kede(esa no es la imagen qeu ira hay)



    Espero se entienda la idea y alguien me pueda ayudar con esto..

    De antemano muchas gracias...

    PDT: disculpen si ya estaba..

  2. #2
    Miembro especial Array Avatar de Fulmega
    Fecha de ingreso
    23 sep, 07
    Ubicación
    Jerez de la Fra.- ESPAÑA
    Mensajes
    41
    Gustado
    13 Veces
    Me Gustan
    1 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    Centrate en esta parte solamente
    Código HTML:
    <div id="topbar"> 
      <div align="center"><img src="/forum/graphite/registra/registra.jpg" width="315" height="62" border="0" valign="center" usemap="#Map"/>
          <map name="Map" id="Map">
            <area shape="rect" coords="297,5,310,15" href="" onClick="closebar(); return false" />
            <area shape="poly" coords="310,23,310,42,288,56,255,57" href="register.php" />
            </map>
      </div>
    </div>
    y ponla asi;

    Código HTML:
    <div align="center" id="topbar"> 
      <img src="/forum/graphite/registra/registra.jpg" width="315" height="62" border="0" valign="center" usemap="#Map"/>
          <map name="Map" id="Map">
            <area shape="rect" coords="297,5,310,15" href="" onClick="closebar(); return false" />
            <area shape="poly" coords="310,23,310,42,288,56,255,57" href="register.php" />
            </map>
      </div>
    Haber si asi te sirve

    Saludos

  3. #3
    Miembro Array
    Fecha de ingreso
    01 may, 05
    Mensajes
    6
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    Gracias por responder.

    lo eh puesto como me dices y no funciona. sigue estando a la iquierda...

    no habra algo en el css de topbar que anule el alin center??

    o el java no permite esta propiedad?

    gracias

  4. #4
    Miembro especial Miembro de diamante Array
    Fecha de ingreso
    11 oct, 05
    Ubicación
    En el limbo
    Mensajes
    4,522
    Gustado
    25 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    El topbar lo tienes definido al principio del código que has puesto:

    #topbar{
    position:absolute;
    width: 100%px;
    height: 62px;
    z-index: 400;
    }

    Según creo recordar la ubicación de un elemento con position:absolute, se fija con respecto a la esquina superior izquierda de la página.

    Tú no le has dado valores.

    A lo mejor deberías utilizar position:fixed y fijar los valores para que quede situado donde tú quieres.

    Revisa algún manual de css.

  5. #5
    Miembro Array
    Fecha de ingreso
    01 may, 05
    Mensajes
    6
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    Gracias por responder.. entiendo a que te refieres.. si te fijas en una parte del codigo que puse hay una variable en el javascript que permite empezar a contar pixeles desde esquina inferior isquierda.. independiente del el position:absolute; del css..

    algo me dice que el java pasa a llevar las propiedades del css.

    en conclucion no el logrado centrar el banner..

    lo curioso es que si pego el codigo del banner en dreamweaber si me muestra centrada la foto.. pero al usarla en conjunto con el java no..

    Gracias de todas formas por darse el tiempo y molestias en responderme

  6. #6
    Miembro especial Miembro de diamante Array
    Fecha de ingreso
    11 oct, 05
    Ubicación
    En el limbo
    Mensajes
    4,522
    Gustado
    25 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    Creo que no es que java de prioridad al css, es que el <div> del final llama a esa parte del css
    Código PHP:
    <div id="topbar"
    Define en topbar la posición y creo que te funcionará

  7. #7
    Miembro Array
    Fecha de ingreso
    01 may, 05
    Mensajes
    6
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    Muchas gracias por su tiempo... lo eh logrado solucionar, aunke no me kedo claro cual fue el problema :p

    Pasos que segui:
    1º pege todo el codigo css y html a dremweaber los deje como keria

    2º pegar el codigo html y css al header. sin codigo java

    3º revise que este centrado fijo arriba en el foro ****o tener java.

    4º agregar el codigo java

    y listo.. funciono..

    SS de como kedo:


    El Codigo resultante:

    Código PHP:
    <!-- Improve registration Rates -->
    <
    style type="text/css">

    #topbar{
        
    position:absolute;
        
    width100%;
        
    height62px;
            
    z-index400;
    }

    </
    style>
    <
    script type="text/javascript">
    var 
    persistclose=//set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX //set x offset of bar in pixels
    var startY //set y offset of bar in pixels
    var verticalpos="frombottom" //enter "fromtop" or "frombottom"

    function iecompattest(){
    return (
    document.compatMode && document.compatMode!="BackCompat")? document.documentElement document.body
    }

    function 
    get_cookie(Name) {
    var 
    search Name "="
    var returnvalue "";
    if (
    document.cookie.length 0) {
    offset document.cookie.indexOf(search)
    if (
    offset != -1) {
    offset += search.length
    end 
    document.cookie.indexOf(";"offset);
    if (
    end == -1end document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offsetend))
    }
    }
    return 
    returnvalue;
    }

    function 
    closebar(){
    if (
    persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }

    function 
    staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var 
    document;
    function 
    ml(id){
    var 
    el=d.getElementById(id);
    if (!
    persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.startX;
    if (
    verticalpos=="fromtop")
    el.startY;
    else{
    el.ns pageYOffset innerHeight iecompattest().scrollTop iecompattest().clientHeight;
    el.-= startY;
    }
    return 
    el;
    }
    window.stayTopLeft=function(){
    if (
    verticalpos=="fromtop"){
    var 
    pY ns pageYOffset iecompattest().scrollTop;
    ftlObj.+= (pY startY ftlObj.y)/8;
    }
    else{
    var 
    pY ns pageYOffset innerHeight barheightiecompattest().scrollTop iecompattest().clientHeight barheight;
    ftlObj.+= (pY startY ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.xftlObj.y);
    setTimeout("stayTopLeft()"10);
    }
    ftlObj ml("topbar");
    stayTopLeft();
    }

    if (
    window.addEventListener)
    window.addEventListener("load"staticbarfalse)
    else if (
    window.attachEvent)
    window.attachEvent("onload"staticbar)
    else if (
    document.getElementById)
    window.onload=staticbar
    </script>

    <div id="topbar"> 
      <div align="center"><img src="/forum/graphite/registra/registra.jpg" width="315" height="62" border="0" usemap="#Map"/>
        <map name="Map" id="Map">
          <area shape="rect" coords="6,6,60,56" href="http://l2.hopzone.net/vote.php?site=70152" target="_blank" />
          <area shape="rect" coords="117,6,186,56" href="http://www.xtremetop100.com/in.php?site=1132248437" target="_blank" />
          <area shape="poly" coords="240,6,299,6,297,15,304,16,305,51,301,56,240,55" href="http://lineage2.megatop200.com/index.php?do=votes&amp;id=701" />
          <area shape="rect" coords="299,1,312,15" href="" onClick="closebar(); return false" />
            </map>
      </div>
    </div>

    <!-- End Improve Registration --> 
    Muchas Gracias por darse el tiempo de responder y revisar el post..

    Espero a alguien mas le sirva..

    PDT: El banner tiene 3 botones distintos echos con zonas interactivas en dreamweaver..

  8. #8
    Miembro especial Miembro de diamante Array Avatar de Tharos
    Fecha de ingreso
    26 dic, 07
    Ubicación
    Chile
    Mensajes
    1,550
    Gustado
    36 Veces
    Me Gustan
    6 Veces

    Predeterminado Re: Barra Flotante inferior. para publicidad

    que bueno que te haya resultado. Espero que no hayan malos entendidos y que siga todo bien =)

    Saludos

    Dejare le tema como solucionado

  9. #9
    Miembro especial Miembro de oro Array Avatar de Ju4n1
    Fecha de ingreso
    17 jul, 05
    Ubicación
    Baradero
    Mensajes
    121
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: [SOLUCIONADO]Barra Flotante inferior. para publicidad

    ¿Como se llama este Hack?
    Gracias!

  10. #10
    Miembro especial Miembro de diamante Array
    Fecha de ingreso
    11 oct, 05
    Ubicación
    En el limbo
    Mensajes
    4,522
    Gustado
    25 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: [SOLUCIONADO]Barra Flotante inferior. para publicidad

    Como habrás podido ver si has leido el tema, no se trata de ningún hack, si no de una simple modificación.

    Si lo quieres instalar con un hack, este te servirá http://www.vbulletin.org/forum/showthread.php?t=159418

  11. #11
    Miembro especial Miembro de platino Array Avatar de pepe martin
    Fecha de ingreso
    02 dic, 07
    Ubicación
    Málaga
    Mensajes
    405
    Gustado
    2 Veces
    Me Gustan
    6 Veces

    Predeterminado Re: [SOLUCIONADO]Barra Flotante inferior. para publicidad

    yo tengo tambien esto modificado para votar, pero quisiera hacerle una modificacion.
    Quiero que no salga a guest, si no a todos, pero que al votar se guarde una cookie que dure 24h, o sea que no salga mas hasta el dia siguiente.
    Ayuda por favor

  12. #12
    Miembro Array
    Fecha de ingreso
    21 nov, 08
    Mensajes
    7
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: [SOLUCIONADO]Barra Flotante inferior. para publicidad

    Buenas! =) cómo están? Podríamos agregarle a esto que el contenido del banner sea rotativo??

    desde ya Muchas gracias!!!!