[MODIFICACION] Imagen flotante invitando Registrarte [MODIFICACION] Imagen flotante invitando Registrarte


[MODIFICACION] Imagen flotante invitando Registrarte
Sin conexión ArmyZ
Mensaje: #1
[MODIFICACION] Imagen flotante invitando Registrarte
Usuario Vip
*****

Avatar de ArmyZ

Mensajes: 235
Registro en: May 2009
Reputación: 13
Ahora es plugin xd, los interesados pásense por aca http://www.mybb-es.com/showthread.php?tid=2424

Hoolas a pedido de algunos users les aportare un codigo y modificacion de sus foros para tener una imagen flotante registrandote xd!

deverian hacer un foro de modificaciones.. ya que no se donde poner esto ¬¬

Bueno asi empieza... como es un codigo muy grande puede que laguee mucho sus foros o que pueda tener un error y salga la imagen cuando ya estas logueado
para eso deven poner el siguiente codigo en la plantilla "header_welcomeblock_guest" que esta dentro de las plantillas Header

alli al final de todo colocan este codigo:

Código PHP:
<style type="text/css">

#topbar{
position:absolute;
border1px solid white;
padding5px;
background-colorblack;
width387px;
visibilityhidden;
z-index400;
}

</
style>

<
script type="text/javascript">
var 
persistclose=//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 //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 == -1end document.cookie.length;
returnvalue=unescape(document.cookie.substring(offsetend))
}
}
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 
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.startX;
if (
verticalpos=="fromtop")
el.startY;
else{
el.ns pageYOffset innerHeight iecompattest().scrollTop iecompattest().clientHeight;
el.-= startY;
}
return 
el;
}
window.stayTopLeft=function(){
if (
verticalpos=="fromtop"){
var 
pY ns pageYOffset iecompattest().scrollTop;
ftlObj.+= (pY startY ftlObj.y)/8;
}
else{
var 
pY ns pageYOffset innerHeight barheightiecompattest().scrollTop iecompattest().clientHeight barheight;
ftlObj.+= (pY startY ftlObj.y)/8;
}
ftlObj.sP(ftlObj.xftlObj.y);
setTimeout("stayTopLeft()"10);
}
ftlObj ml("topbar");
stayTopLeft();
}

if (
window.addEventListener)
window.addEventListener("load"staticbarfalse)
else if (
window.attachEvent)
window.attachEvent("onload"staticbar)
else if (
document.getElementById)
window.onload=staticbar
else {


}  
</script>

<div id="topbar">
<a href="member.php?action=register"><img src="http://i44.tinypic.com/vpvo1g.jpg" border="0" /></a></td>
</div> 

y ahora solo modifiquen la ruta de la imagen donde dice <img src="http://i44.tinypic.com/vpvo1g.jpg" border="0" /> esa sera la direccion de su imagen que aparescan flotando..

y asi de simple tendran una "ventana" flotande invitando a registrarse

Vista previa
si quieren ver el ejemplo visiten mi foro como invitados.. luego se registran para que vean que ya no aparese la imagen, luego se presentan y aportan mensajes para que vean que nunka aparecio la imagen y si sirvio ese codigo Smiley xD!

Creditos ArmyZ Smiley-wink

Saludos =D

PD: devido a que algunos tienen problemas les recomiendo que se descarguen el archivo de txto, aqui esta http://www.mybb-es.com/showthread.php?ti...02#pid3702


02-07-2009 02:48 PM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Chava
Mensaje: #2
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Suspendido

Avatar de Chava

Mensajes: 448
Registro en: Apr 2009
yo ya lo tenia la cosa es que salia para todos los usuarios, no veo en tu codigo lo que indique que solo se muestre para invitados, acaso es esto? <style type="text/css">


02-07-2009 11:31 PM
Encuentra todos sus mensajes
Sin conexión Cluster
Mensaje: #3
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,055
Registro en: Feb 2009
Reputación: 317
simplemente al ponerlo en header_welcomeblock_guest indica que solo es para los invitados


Atención:
03-07-2009 10:26 AM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión ArmyZ
Mensaje: #4
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Usuario Vip
*****

Avatar de ArmyZ

Mensajes: 235
Registro en: May 2009
Reputación: 13
pss... si.. pero eso es para precavir de ke no falle y salga cuando estes logueado pero en si es el script lo que hace ke aaparesca a los invitados.. no se en verdad que parte del script pero es ovio que el script xD!


03-07-2009 11:15 AM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Cluster
Mensaje: #5
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,055
Registro en: Feb 2009
Reputación: 317
en ninguna parte ese script lo he probado en distintos sistemas webs y funciona es solo de saber en que plantilla colocarlo


Atención:
03-07-2009 06:34 PM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Rever
Mensaje: #6
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Miembro Junior
**

Avatar de Rever

Mensajes: 5
Registro en: Jul 2009
Reputación: 0
¿No hay una ruta para poner el link al que lleva la imagen o eso nada mas cambie la ruta de la imagen y lleva automaticamente de una a la pàgina de registro?

Saludos


07-07-2009 04:03 PM
Encuentra todos sus mensajes
Sin conexión Cluster
Mensaje: #7
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,055
Registro en: Feb 2009
Reputación: 317
Al Final del codigo Remplaza Esto por la pagina a donde quieres que te lleve la imagen

<div id="topbar">
<a href="member.php?action=register"><img src="http://i44.tinypic.com/vpvo1g.jpg" border="0" /></a></td>
</div>


Atención:
07-07-2009 06:41 PM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Doest
Mensaje: #8
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Miembro
***

Avatar de Doest

Info del foro de este user
Mensajes: 22
Registro en: May 2009
Reputación: 1
No sale como deberia de salir...

Coloco el codigo ese dentro del "header_welcomeblock_guest" y abajo del todo.

Pego la direccion del registro para el foro y la imagen para el registro.

Voy a comprobar si va, pero aparece lo siguiente...

(clic)

Espero que me puedan hechar un cable...

Por lo cual, o estoy haciendo algo mal y mi foro necesita algun añadido mas, para que ande, o hay lgo que no esta bien escrito...

Saludos Smiley


17-07-2009 06:14 PM
Encuentra todos sus mensajes
Sin conexión ArmyZ
Mensaje: #9
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Usuario Vip
*****

Avatar de ArmyZ

Mensajes: 235
Registro en: May 2009
Reputación: 13
@Doest
Sii, se por ke pasa eso Oo xD, eske lo copias y lo pegas mal el codigo por culpa de que esta en php y no se si se peude ponerlo en otra forma Oo...
Código:
<style type="text/css">

#topbar{
position:absolute;
border: 1px solid white;
padding: 5px;
background-color: black;
width: 387px;
visibility: hidden;
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 = 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 {


}  
</script>

<div id="topbar">
<a href="member.php?action=register"><img src="http://i44.tinypic.com/vpvo1g.jpg" border="0" /></a></td>
</div>

copialo de ahi aver si te sirve, si no tendre ke subir el code a un archivo de txt y pasartelo xD


18-07-2009 01:30 PM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión ~EroKenji
Mensaje: #10
RE: [MODIFICACION] Imagen flotante invitando Registrarte
Usuario Vip
*****

Avatar de ~EroKenji

Mensajes: 183
Registro en: Jul 2009
Reputación: 11
Copie el codigo y cambie los links que dice que cambie y no aparecenada =/
Como le hago?


18-07-2009 04:58 PM
Encuentra todos sus mensajes




Usuario(s) navegando en este tema: 1 invitado(s)
Hora: 21-05-2013, 06:08 AM