PDA

Ver la Versión Completa : [Plugins] Barra Flotante



Emilio05
21/12/2008, 05:58
Bueno aca les traigo un plugin, modificacion, o como mas les guste llamarlo.

Sirve para vbulletin 3.6.x (x= 1,2,3,4,5,6,7,8,9) Para los que no entienden para que esta la "x" remplaza al 1,2,3 etc.

Descripcion: Lo que hace es un scroll que va hacia arriba o abajo, que invita al "Visitante" a que se registre o ingrese su cuenta, se encuentra arriba a la derecha

Para lograr esto, se debe abrir el template header, y arriba de todo agregar

100% traducido al español.




<if condition="$show[guest]">
<!-- Barra visitante -->
<style type="text/css">

#topbar{
position:absolute;
border: 1px solid black;
padding: 5px;
background-color: white;
width: 620px;
visibility: hidden;
z-index: 400;
}

</style>

<script type="text/javascript">
var persistclose=0 // Se coloca en 0 o 1. 1 significa que una vez que la barra es cerrada, entonces permanece cerrada en el resto de la sesión
var startX = 30 // Tamaño horizontal de la barra en pixeles
var startY = 5 // Tamaño vertical de la barra en pixeles
var verticalpos="fromtop" // "fromtop" o "frombottom" para definir si va arriba o abajo.

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(off set, 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">
<a href="" onClick="closebar(); return false"><img src="close.gif" border="0" /></a>
Estás navegando como visitante. Por favor registrese con nosotros clickeando <a href="register.php">aquí</a></td>
</div>

<!-- Fin de Barra Visitante -->
</if>


Se debe subir el archivo close.gif al root del foro y listo.

close.gif (106 Bytes)

lms
21/12/2008, 12:30
En vBulletin 3.7.4 patch level 1 tambien funciona. Lo acabo de instalar y rula de maravilla.

Gracias por el aporte.

Salud2

Emilio05
21/12/2008, 23:03
En vBulletin 3.7.4 patch level 1 tambien funciona. Lo acabo de instalar y rula de maravilla.

Gracias por el aporte.

Salud2

De 10 :) gracias por avisarme !

Saludos .

Dark Neo
23/12/2008, 00:58
Pues es bueno tu aporte, no lo he probado, pero deberias hacer un xml del mismo para que solo puedan instalarlo y fuese mnas sencillo llamar solo a una entrada o x cosa, para que funcione, pero de cualquier manera es muy bueno tu aporte, esperemos que sigas aportando, yo por ahora no tengo forma de desarrollar plugins o productos, pero en unos dias vere que cosa para ponerme a crear algo nuevo e interesante.

Emilio05
23/12/2008, 12:56
Pues es bueno tu aporte, no lo he probado, pero deberias hacer un xml del mismo para que solo puedan instalarlo y fuese mnas sencillo llamar solo a una entrada o x cosa, para que funcione, pero de cualquier manera es muy bueno tu aporte, esperemos que sigas aportando, yo por ahora no tengo forma de desarrollar plugins o productos, pero en unos dias vere que cosa para ponerme a crear algo nuevo e interesante.

Gracias!, por ahi dark neo nos ponemos los 2 y hacemos plugins!

Saludos!

lms
26/12/2008, 23:23
Un poco modificado para que sea una imagen la que aparezca:

<if condition="$show[guest]">
<!-- Barra visitante -->
<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 // Se coloca en 0 o 1. 1 significa que una vez que la barra es cerrada, entonces permanece cerrada en el resto de la sesión
var startX = 25 // Tamaño horizontal de la barra en pixeles
var startY = 5 // Tamaño vertical de la barra en pixeles
var verticalpos="fromtop" // "fromtop" o "frombottom" para definir si va arriba o abajo.

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(off set, 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="Solo los usuarios registrados pueden ver enlaces" border="0" /></a>

</align>
<a href="Solo los usuarios registrados pueden ver enlaces"><img src="Solo los usuarios registrados pueden ver enlaces" border="0" /></a></td>
</div>

<!-- Fin de Barra Visitante -->
</if>


Solo los usuarios registrados pueden ver enlaces
Solo los usuarios registrados pueden ver enlaces

Dejo el archivo .psd para modificaciones.

Salud2

Abajo del texto teneis que cambiar el detupc.net por vuestra dirección y subir las imágenes a la ruta ./foro/images como aquí

<div id="topbar">
<p align="right"><a href="" onClick="closebar(); return false"><img src="Solo los usuarios registrados pueden ver enlaces" border="0" /></a>

</align>
<a href="Solo los usuarios registrados pueden ver enlaces"><img src="Solo los usuarios registrados pueden ver enlaces" border="0" /></a></td>
</div>

<!-- Fin de Barra Visitante -->
</if>

Ventana Flotante para No registrados.zip (117.5 KB)
59.png (88.3 KB)

mariohn
27/12/2008, 18:56
Gracias por la aportacion a los foros

Dark Neo
28/12/2008, 00:15
Buen aporte, tengo el mismo, jejeje, pero es cosa de ver en que cambia, ya que el que yo poseo es ya un producto y usa imágenes similares a las vistas en otros foros.

lms
29/12/2008, 02:28
Cambia muy poquito con respecto al posteado por Emilio05, salvo las dimensiones iniciales y el final es el mismo mod.

Salud2

Emilio05
29/12/2008, 10:57
Claro así es, la relación es muy poca.
Lo que tiene de bueno este mod es que ayuda a traer gente y registrate rápido.

saludos

Dark Neo
29/12/2008, 23:58
Que bueno que las cosas ya esten mejor, al final es el mismo producto o plugin, Tenia la intencion de poner el mio, pero al final es lo mismo, mejor veremos que requiere la gente y le damos...

alvaro1402
22/05/2009, 23:42
gracias amigo

alvaro1402
23/05/2009, 00:38
quien me ayuda a poner la barra flotante que no encuentro como... gracias

lms
23/05/2009, 13:24
quien me ayuda a poner la barra flotante que no encuentro como... gracias


Bueno aca les traigo un plugin, modificacion, o como mas les guste llamarlo.

Sirve para vbulletin 3.6.x 3.7x y 3.8.x

Para lograr esto, se debe abrir el template header, y arriba de todo agregar (Panel de Control -> Estilos -> Editar plantillas (en el estilo correspondiente) -> plantilla header)

100% traducido al español.

Se debe subir el archivo close.gif al root del foro y listo.

Un poco modificado para que sea una imagen la que aparezca:

Abajo del texto tenéis que cambiar el detupc.net por vuestra dirección y subir las imágenes a la ruta ./foro/images como aquí

<div id="topbar">
<p align="right"><a href="" onClick="closebar(); return false"><img src="Solo los usuarios registrados pueden ver enlaces" border="0" /></a>

</align>
<a href="Solo los usuarios registrados pueden ver enlaces"><img src="Solo los usuarios registrados pueden ver enlaces" border="0" /></a></td>
</div>

<!-- Fin de Barra Visitante -->
</if>

Así te queda más claro.

Salud2

j3suss
04/07/2009, 07:24
¿Alguna que valga para vbulletin 3.8.3?


GRACIAS!

lms
06/07/2009, 02:22
Que yo sepa funciona en 3.8.X (o sea, en cualquier 3.8)

Salud2

Dark Neo
06/07/2009, 05:20
Asi es pues los plugins estos son a base de codigo que es aun respetado por el vb y los navegadores de actualidad..

Un saludo...

w3r3w0lf
17/07/2009, 03:17
Muy buen aporte, lo buscaba hace tiempo, gracias!!

lms
25/07/2009, 20:42
Nos alegramos, w3r3w0lf.

Salud2

Dark Neo
29/07/2009, 20:03
Que bueno que esta sirviendo esta modificación ahi tirame un mensaje privado emilio05 para ponernos de acuerdo vale.

Y esperemos poner alguna modificación de la ventana flotante para que sea facil de instalar y modificable.

Saludos...

FranAlv
13/09/2009, 22:47
Una pregunta.. Como se instala este plugin soy nuevo aca..

lms
14/09/2009, 18:14
Lo mejor es poner el c&#243;digo en la plantilla header arriba del todo (si es el que publiqu&#233; yo).

Salud2

Dark Neo
20/09/2009, 06:12
Una pregunta.. Como se instala este plugin soy nuevo aca..


Vas al panel de administración de tu vbulletin y ahi mismo ahi una opcion de temas y plantillas, buscar y colocas header, después seleccionas el tema a modificar en la platilla header, algunas salen en rojo porque toma el script por defecto del vb y lo compara, asi que cualquier mod lo marca no te espantes, solo selecciona esa plantilla y colocas eso al comienzo del todo y guardas la plantilla.

Saludos...

djleodj
15/02/2010, 22:13
Hola una pregunta donde esta el header? uso el vBulletin 3.8.4 y nuse donde se pone el codigo ^^ plis ayuda! :D

Dark Neo
16/02/2010, 05:02
Entras al panel de administración, o sea con tu cuenta y abajo del todo en Admin
Luego te sale el panel de administración, seleccionas Styles & Templates -> y ahi en el estilo que maneja tu vbulletin vas a ir a editar plantillas.
Luego en esta parte ya te sale todo el menu si das en <<>>
Ahi buscas por header y ya esta, haces lo del manual. Saludos...

apama
13/05/2010, 21:48
da error en la linea 149: falta el div

lms
14/05/2010, 00:31
da error en la linea 149: falta el div

el mod de Emilio05 tiene 97 líneas y el mío tiene 102 líneas.

¿Qué error te da?¿Donde?¿En qué versión de vBulletin?

Salud2