Esta es una discusión para el tema Hack de imagen flotante para el registro en el foro Soporte para Productos/Plugins, bajo la categoría Soporte vBulletin; Hola a todos, no se si es un hack o que cosa, que he visto en varios foros, que ponen una imagen flotante invitando al usuario a registrarse, lo e buscado por todos lados y ...
Página:
Hola a todos, no se si es un hack o que cosa, que he visto en varios foros, que ponen una imagen flotante invitando al usuario a registrarse, lo e buscado por todos lados y he visto que usuarios de este foro lo tienen en sus foros, espero me den respuesta lo mas pronto
unos ejemplos de ellos son:
otro ejemplo y es el que mas me llama la atencion es el del forro
![]()
gracias alan, ayer probe uno de esos pero la verdad que en Firefox no tuvo movimiento pero en IE si![]()
Que IE usas?
quizas sea por la version, en todo caso te dejare el que uso yo:
La ventaja de este frente a los otros que estaban por aqui en vbhispano es que no muestra el recuadro de la imagen, cosa que lo hace mas atractivoCó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: 500px;
visibility: hidden;
z-index: 200;
top: 27px;
height: 134px;
left: 13px;
}
img {
border: none;
}
</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 DE LA IMAGEN PARA CERRAR EL POP UP" border="0" /></a>
</align>
<a href="http://www.TUPAGINA.COM/FORO/register.php"><img src="RUTA DE LA IMAGEN POP UP"></a></td>
</div>
<!-- End Improve Registration -->
</if>
saludos
Acotación: Tienes que editar la Plantilla Header para poner el html que te paso el Tharos..
Saludos!
da lo mismo en realidad, pero es mejor en el header para que la cargue antes
Gracias por la acotaciñon The Gay :p
Amigo, hay algunos tipos distintos de imagen flotante, uno por ejemplo que se basa en dos imagenes como en el primer ejemplo que pusiste, que por cierto me quedo linda la imagen, y otro que es texto con links, y un color de fondo, si quieres el basado en imagen, coloca el codigo que te dio Tharos y modifica la ruta de la imagen de fondo, la cual llama a registrarse, y la imagen para cerrar el recuadro flotante, avisanos si te funciona...
adonde! quedo mas feo U.U
xD
muchas gracias por sus comentarios, lo probare![]()
Esa es la humildad que me gusta de ti xD
jajaja naa broma compadre, si es verdad que te quedo genial2
pd: solo porque estudiaste diseño dijo el picado xD
Última edición por Tharos; 09/08/2008 a las 15:37
perfecto, pero me gustia que flote en la parte derecha abajo
que debo modificar?
Ya se ke teneis el boton de gracias, pero prefiero hacerlo en persona.
yo instale el mod y apenas consegui modificarlo y me kedo una birria.
gracias al codigo ke haveis puesto lo e podio modificar a gusto, no es gran cosa en diseño y esas cosas soy un torpe basicamente lo ke hice fue modificar el logo y ponerle un texto...pero es mucho mejor ke lo ke tenia, asi ke gracias por pegar el codigo.
si lo kereis ver esta en http://www.pekadores.com
Continuad asi ayudais mucho mas de lo ke creeis.