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

gariko Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Feb 2008
Mensajes
71
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 Enlace eliminado CMPS v3.0.1.

Saludos
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Respuesta: Como hacer barra Flotante que invita a registrase ??

Aquí te pongo un código, que deberás pegar en la plantilla header
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...
 

gariko

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Feb 2008
Mensajes
71
Re: Como hacer barra Flotante que invita a registrase ??

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
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Respuesta: Como hacer barra Flotante que invita a registrase ??

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.
 

gariko

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Feb 2008
Mensajes
71
Re: Como hacer barra Flotante que invita a registrase ??

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
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Respuesta: Como hacer barra Flotante que invita a registrase ??

Diseña una imagen o copia una existente y pones la ruta en donde te indicaba en el código
Insertar CODE, HTML o PHP:
[FONT=Courier New][COLOR=#000000]<a href="http://www.tudominio.com/foro/register.php"><img src="[COLOR=red]RUTA DE LA IMAGEN DEL REGISTRO[/COLOR]"></a></td>[/COLOR][/FONT]
 

serra00

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Oct 2007
Mensajes
466
Re: Como hacer barra Flotante que invita a registrase ??

grax men esto es util xD
 

Tornillo.Eterno

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Abr 2008
Mensajes
39
Respuesta: Como hacer barra Flotante que invita a registrase ??

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?
 

olaechea

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Ene 2008
Mensajes
363
Re: Como hacer barra Flotante que invita a registrase ??

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

pappocapo

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Feb 2008
Mensajes
1.008
Re: Respuesta: Como hacer barra Flotante que invita a registrase ??

Les hago una consulta, estuve viendo ciertas paginas como : www.nforo.net o Enlace eliminado - 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.
 

Solitary_wolf

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Sep 2006
Mensajes
7
Re: Como hacer barra Flotante que invita a registrase ??

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

Gracias!
 

pappocapo

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Feb 2008
Mensajes
1.008
Re: Como hacer barra Flotante que invita a registrase ??

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
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Respuesta: Como hacer barra Flotante que invita a registrase ??

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!! :D
 

Wolter

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
30 Abr 2008
Mensajes
7
Respuesta: Como hacer barra Flotante que invita a registrase ??

mcloud, muchas gracias por tus apuntes, tomo nota y aprendo ;-)

Saludos

En Firefox funciona sin problemas, pero en explorer no funciona, sale un mensaje q dice "administrador".

Voy a ver si encuentro información acerca de ello.

----

Creo que es incompatible con el Zoints Seo .. Lo he desactivado y ahora ya funciona..
 

excesos

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 Abr 2008
Mensajes
112
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Respuesta: Como hacer barra Flotante que invita a registrase ??

Les dejo el que uso yo, que al hacerle click en la imagen deja de aparecer en register.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
else {
<if condition="THIS_SCRIPT == 'register'">"closebar(); return false"></if>

}
</script>
<div id="topbar">
<p align="right"><a href="" onClick="closebar(); return false"><img src="aqui la imagen que cierra el cuadro" border="0" /></a>
</align>
<a href="www.misitio.net/register.php"><img src="aqui va la imagen del cuadro"></a></td>
</div>

<!-- End Improve Registration -->

Saludos.
 

Ju4n1

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Jul 2005
Mensajes
101
Re: Como hacer barra Flotante que invita a registrase ??

Como hago para que la ventana flotante aparezca en el lado derecho abajo?
También me aparece un borde contorneando la imagen, me gustaría sacárselo.

Saluditos!
 

matute007

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
25 Jul 2008
Mensajes
6
Re: Como hacer barra Flotante que invita a registrase ??

me funciona bien el codigo, pero a los usuarios registrados logueados no se les sale la barra esa :S como puedo hacer?
si quieren ver crystalgea.nvdv.com
 

mcloud

Ni
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2005
Mensajes
3.829
Re: Como hacer barra Flotante que invita a registrase ??

me funciona bien el codigo, pero a los usuarios registrados logueados no se les sale la barra esa :S como puedo hacer?
¿Será porque esta barra se muestra a los usuarios no registrados o que no han iniciado sesión? :)
 
Arriba