[SOLUCIONADO]Barra Flotante inferior. para publicidad

hacktek Seguir

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 May 2005
Mensajes
6
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
PHP:
<!-- Improve registration Rates -->

<style type="text/css">

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

</style>

<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 0 //set x offset of bar in pixels
var startY = 5 //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 == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
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 d = 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.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
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..
 

Fulmega

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Sep 2007
Mensajes
36
Re: Barra Flotante inferior. para publicidad

Centrate en esta parte solamente
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;

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
 

hacktek

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 May 2005
Mensajes
6
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
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.
 

hacktek

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 May 2005
Mensajes
6
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
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
PHP:
<div id="topbar">
Define en topbar la posición y creo que te funcionará
 

hacktek

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 May 2005
Mensajes
6
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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 porno tener java.

4º agregar el codigo java

y listo.. funciono..

SS de como kedo:


El Codigo resultante:

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

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

</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 0 //set x offset of bar in pixels
var startY = 5 //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 == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
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 d = 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.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
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..
 

Tharos

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Dic 2007
Mensajes
1.029
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
 

pepe martin

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Dic 2007
Mensajes
391
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 ;)
 

pyrosnet

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Nov 2008
Mensajes
7
Buenas! =) cómo están? Podríamos agregarle a esto que el contenido del banner sea rotativo??

desde ya Muchas gracias!!!!
 
Arriba