Modificación del código del Floating Guest Notify

Mr.Complot · 3 Sep 2008

Qué tal amigos?

Tengo el siguiente problema.

Tengo instalado el Floating Guest Notify. Y como ven en el foro www.buforo.com la imagen que puse aparece pero sin link a la página de register.php

Cómo tendría que solucionarlo?

Por otro lado, también me gustaría que la imagen de close.gif quedara en el mismo lugar que ahora, es decir, en el centro de la imagen principal hacia la derecha, pero bien pegadas ambas. de modo que de cambiar la imagen del close, pareciera toda una sola imagen, sin espacios en medio.

Les dejo la plantilla. Y espero puedan ayudarme en ambas inquietudes.

Saludos!!

PHP:

<if condition="$show['guest'] AND THIS_SCRIPT != 'register'">

<style type="text/css">
#topbar
{   
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px;
    VISIBILITY: hidden;
    BORDER-TOP: black 0px solid;
    BORDER-BOTTOM: black 0px solid;
    BORDER-RIGHT: black 0px solid;
    BORDER-LEFT: black 0px solid;
    WIDTH: 390px;
    FONT-FAMILY: Tahoma;
    POSITION: absolute;
    BACKGROUND-COLOR: transparent
}
</style>

<script type="text/javascript">
var persistclose = $vboptions[phpkd_floating_guest_notify_closing]
var startX = $vboptions[phpkd_floating_guest_notify_xoffset]
var startY = $vboptions[phpkd_floating_guest_notify_yoffset]
var verticalpos = "$vboptions[phpkd_floating_guest_notify_position]"

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.$stylevar[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">
    <table width="100%">
        <tr>
            <td width="100%">
                    <phrase 1="$vboptions[bbtitle]" 
2=<a href="register.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/registrate4.gif" border="0"></a></phrase>
<td width="0%"><a onclick="closebar(); return false" href="$vboptions[bburl]"><img style="float: $stylevar[left]" src="$stylevar[imgdir_misc]/close.gif" border="0"></a>
            </td>
        </tr>
    </table>
</div>

</if>

Tharos · 3 Sep 2008

Aquí esta compadre, edita la parte final y ya está

PHP:

<if condition="$show[guest]">
 <!-- Improve registration Rates -->
<style type="text/css">
#topbar{
    position:absolute;
    border: 0px solid black;
    padding: 5px;
    background-color: ;
    width: 500px;
    visibility: hidden;
    z-index: 200;
    top: 27px;
    height: 134px;
    left: 13px;
}

</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 = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //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">
<p align="right"><a href="" onClick="closebar(); return false"><img src="AQUI LA RUTA PARA LA IMAGEN QUE CIERRA EL POP UP" border="0" /></a>
  </align>
<a href="WWW.TUFORO/FORO/REGISTER.PHP"><img src=" AQUI LA IMAGEN DEL POPUP"></a></td>
</div>
<!-- End Improve Registration -->
 </if>

Mr.Complot · 3 Sep 2008

Gracias Tharos...

me sirvió a medias tu ayuda...

logré que la imagen principal tenga el link.

pero me falta lograr lo segundo. la imagen para cerrar ahora se fue arriba a la derecha.

yo necesitaría que esté sobre el margen derecho de la imagen principal, en el medio y bien pegado a ella. así estaba antes.

Tharos · 3 Sep 2008

<p align="center"><a href="" onClick="closebar(); return false"><img src="AQUI LA RUTA PARA LA IMAGEN QUE CIERRA EL POP UP" border="0" /></a>
</align>

Cambia el right a ese valor que está casi al final.

Si no te funciona prueba con esto que está en la línea 21:
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels

Mr.Complot · 4 Sep 2008

con lo primero, me queda centrado pero sobre la imagen principal.

y a mí me gustaría que esté sobre la derecha de la imagen principal...

y con lo segundo, me tira error..

mcloud · 4 Sep 2008

No lo tengo instalado en este momento y no puedo hacer ninguna prueba, pero creo que en la parte final del código, hay algo erróneo o al menos no está bien del todo.

Aquí, <img src=" AQUI LA IMAGEN DEL POPUP"></a></td> se está cerrando una celda que no se ha abierto en ningún sitio.

Prueba sustituyendo la parte final del código por lo siguiente:

HTML:

<div id="topbar"> 
<table width="100%">
        <tr>
            <td width="100%">
  <a href="www.buforo.com/register.php"><img src="http://www.buforo.com/images/misc/registrate4.gif" border="0"></a></td>
<td width="0%"><a href="http://www.buforo.com/" onClick="closebar(); return false"><img src="http://www.buforo.com/images/misc/close.gif" border="0" /></a>
    </td> 
        </tr>
    </table>
 </div>

El código completo te quedaría así:

HTML:

<style type="text/css">
#topbar
{ 
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px;
VISIBILITY: hidden;
BORDER-TOP: black 0px solid;
BORDER-BOTTOM: black 0px solid;
BORDER-RIGHT: black 0px solid;
BORDER-LEFT: black 0px solid;
WIDTH: 390px;
FONT-FAMILY: Tahoma;
POSITION: absolute;
BACKGROUND-COLOR: transparent
}
</style> <script type="text/javascript">
var persistclose = 0
var startX = 50
var startY = 0
var verticalpos = "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"> 
<table width="100%">
<tr>
<td width="100%">
<a href="www.buforo.com/register.php"><img src="http://www.buforo.com/images/misc/registrate4.gif" border="0"></a></td>
<td width="0%"><a href="http://www.buforo.com/" onClick="closebar(); return false"><img src="http://www.buforo.com/images/misc/close.gif" border="0" /></a>
</td> 
</tr>
</table>
</div>

Y la imagen de esta manera:

¿Así es como lo quieres?

Mr.Complot · 4 Sep 2008

mcloud dijo:
¿Así es como lo quieres?

exacto... así. lo que me gustaría es, si es posible, que las dos imágenes queden bien pegadas, sin ese espacio intermedio.

podrá lograrse??

mcloud · 4 Sep 2008

Mr.Complot dijo:
exacto... así. lo que me gustaría es, si es posible, que las dos imágenes queden bien pegadas, sin ese espacio intermedio.

podrá lograrse??

Es complicado ya que son dos celdas. Podría quitarse poniendo las dos imágenes en una misma celda, pero entonces la imagen close.gif no quedaría centrada. Quedaría abajo a la derecha.

La modificación quedaría así

HTML:

<a href="www.buforo.com/register.php"><img src="http://www.buforo.com/images/misc/registrate4.gif" border="0"></a><a href="http://www.buforo.com/" onClick="closebar(); return false"><img src="http://www.buforo.com/images/misc/close.gif" border="0" /></a>

De todas maneras, una vez en el foro, apenas se notará ese espacio.

Otra opción sería hacer una imagen transparente del mismo alto de la otra, con el ancho de close.gif y con esta imagen en el centro.

¿Me explico?

Mr.Complot · 4 Sep 2008

Hice lo que me dijeron.

La imagen quedó abajo a la derecha.. pero igual voy a intentar hacer lo que quería hacer.. que es una barra para cerrar del mismo alto que la imagen principal.

el close y la principal me quedaron juntos ahora...

luego les cuento si funcionó..

también de paso, me gustaría que no sea visto por los spiders..

en el thread del hack en vborg.. dicen que hay que agregar el siguiente código:

HTML:

<if condition="!$show['search_engine']">

es correcto?

y cómo lo combino para que sea visto por los guests y NO por los spiders??, teniendo en cuenta que al principio tenemos:

HTML:

<if condition="$show[guest]">

Perdón que sea insistente, pero me encuentro en un nuevo problema.

Por los navegadores.

En IE va perfecto. Miren cómo queda...

http://img175.imageshack.us/my.php?image=floatingieun6.jpg

Pero en Firefox.....

http://img175.imageshack.us/my.php?image=floatingfxfvw5.jpg

PD: se fusionaron los mensajes. los de abajo los pueden borrar

Mr.Complot · 7 Sep 2008

lo de los spiders lo solucioné.

me está faltando arreglar la diferencia entre firefox y explorer...

alguien sabe?