(Solucionado) Como hacer barra Flotante que invita a registrase ??

Hola dispongo de una licencia de Vbulletin 3.7 y estoy empezando a cambiar mi web a vbulletin.

Quisiera saber como colocar una barra flotante que invite a registrarse a los invitados. Que se mueva en scroll cuando el invitado se desplaza hacia arriba o hacia abajo en la web, si es posible que tambien fuera compatible con vBadvanced CMPS v3.0.1.

Saludos

Aquí te pongo un código, que deberás pegar en la plantilla header

Código PHP:

<if condition="$show[guest]">
<!-- Improve registration Rates -->
<style type="text/css">
#topbar{
    position:absolute;
    border: 0px solid black;
    padding: 5px;
    background-color: ;
    width: 300px;
    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="RUTA DEL ICONO PARA CERRAR LA VENTANA" border="0" /></a>
  </align>
<a href="http://www.tudominio.com/foro/register.php"><img src="RUTA DE LA IMAGEN DEL REGISTRO"></a></td>
</div>
<!-- End Improve Registration -->
 </if> 


No sé si esto tiene derechos de autor, ya que hace bastante que lo tengo en mi pc. He buscado y no he visto nada, pero...

El codigo es muy similar al de este hack:
http://www.vbulletin.org/forum/showthread.php?t=159418

Vale ya lo he conseguido.

El caso es como puedo ahora personalizarlo, dandole un toque mas personal y elegante, con cualquiera de los 2 podria hacerlo o es mejor uno u otro para personalizarlo.

Saludos

No tienen mucho que modificar, salvo la imagen que aparece y donde aparece.

No sé que entiendes por darle un toque personal y elegante; imagino que quieres poner una imagen propia y eso es precisamente lo que tienes que hacer.

Si pero como se hace, he visto como cambiar el color a la ventana flotante, pero como colocarle una imagen de fondo, no lo he visto.

Me podeis orientar.

Saludos

Diseña una imagen o copia una existente y pones la ruta en donde te indicaba en el código

Código:

<a href="http://www.tudominio.com/foro/register.php"><img src="RUTA DE LA IMAGEN DEL REGISTRO"></a></td>

grax men esto es util xD

Les hago una consulta, estuve viendo ciertas paginas como : www.nforo.net o www.vagos.es - las cuales le aparecen este codigo en el costado derecho inferior.
Yo modifique para que aparezca de esa manera, el problema surgio cuando abri la pagina en otra computadora, con una resolucion menor y este cartel me aparecio cortado es decir no salio la imagen entera sino que una parte se veia y otra no, en cambio en estos foros que nombre anteriormente se veia perfectamente.
como puedo solucionar eso?

no uso ese hack, pero por lo indicado las medidas especificadas son diferentes a la de imagen o mal acomodado el texto

Iniciado por Tornillo.Eterno

Les hago una consulta, estuve viendo ciertas paginas como : www.nforo.net o www.vagos.es - las cuales le aparecen este codigo en el costado derecho inferior.
Yo modifique para que aparezca de esa manera, el problema surgio cuando abri la pagina en otra computadora, con una resolucion menor y este cartel me aparecio cortado es decir no salio la imagen entera sino que una parte se veia y otra no, en cambio en estos foros que nombre anteriormente se veia perfectamente.
como puedo solucionar eso?

A mi me paso algo similar por eso tarde bastante en regular los parametros correctos, consejo probalo con IE 6, IE 7 y firefox ya que se ven de manera distinta, tenes que regular el eje de las x y las y (cartesianamente hablando) dando mas pixeles para que salga mas adentro de lo bordes lateral y superior.

Muy interesante el tema, vamos a probar los codigos proporcionados.

Gracias!

Una cosa mas para que tengan en cuenta, a mi me paso el error y se los trasmito para que lo evaluen. originalmente el hack viene con un texto que invita a asociarse, les recomiendo que cambien eso por una imagen que diga lo mismo ¿porque? porque se van a dar cuenta que despues de un tiempo el buscador google indexara muchisimos posts distintos con el mismo texto ya que al momento de entrar a la pagina el robot se encuentra con que se le abre ese cartelito entonces le da prioridad a ese texto en vez del texto correcto del post.

Encontraran cientos de posts indexados como: estas navegando como usuario no registrado, registrate gratis...

se entiende no? con una imagen se puede decir lo mismo pero el google no lo advierte y se dedica a indexar el texto del post correctamente.

Para darse cuenta si a alguno ya le paso pongan en el buscador google site:www.tuforo.com y veran las urls indexadas

Yo hice la barra con este hack que ya anunciaban más arriba.. lo traduje un poco y ya..

Floating guest notify: http://www.vbulletin.org/forum/showthread.php?t=159418

Wolter, te quedó bien la barra.

Ahora dos cosas que he visto en tu foro, el hack Hide links, no te funciona bien, si pinchas en el enlace 'Clic aquí para registro' sale un pop-up dando las gracias y retorna un error.

Y la otra cosilla, al poner un enlace de descarga, no se debe apuntar a otro sitio. Eso está muy feo, ya que se consumen recursos del otro sitio, sin darles nada a cambio.
Si además se apunta a un archivo adjunto de vBHispano.com, la cosa es peor... No sólo no está bien, sino que además no se consigue nada, no hay descarga :eek: Es mejor que pongaís un enlace al tema en cuestión y así, al menos tu usuarios consiguen lo que se les ofrece y de paso les haceis otro favor, ¡¡que conozcan vBHispano!!