Banner flotante para invitados

  • Autor Autor _aNoNiMo_
  • Fecha de inicio Fecha de inicio
A

_aNoNiMo_

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, quería poner este mod en mi foro, me gusta este que acabo de ver DowntWarez pero para la versión 4.0.7

Alguien podría ayudarme?

Muchas gracias, un saludo.
 
Me suscribo a este tema,tambien me interesa esa barrita.



Saludos!!!
 
Me suscribo a este tema,tambien me interesa esa barrita.

Saludos!!!

Yo tambien voy por el mismo camino seria muy interesante esperemos un capo que resuelva esta pregunta aqui hay muchos y son muy buenos 😛
 
Yo tambien kiero lo mismo ...
 
Estoy en eso, tengo un solo pequeño problema u.u ... la barra comienza desde el sector blanco del skin porque lo otro no lo toma parte del sitio D:
 
Bastante buena la barrita, si señor.

SUSCRITO.
 
Ya aver algo logre:

PHP:
<vb:if condition="$show['guest']">
<center>
<div style="z-index:10;position:fixed;bottom:0;background:url(imagen que se repetirá en el fondo);height:75px;width:100%;"> <a href="URL registro"><img src="Imagen que invita al registro" border="0" title="Registrate" style="margin-top:3px;" /></a><br />  <span style="color:#cad894;font-size:12pt;text-shadow:#3b490e 0px 1px;">TEXTO OPCIONAL QUE DESEES COLOCAR</span></div></center>
</vb:if>

Asegurarse de modificar el codigo con sus imagenes y datos 🙂. Ese codigo lo pueden colocar en la platilla FORUMHOME, justo despues de <body>

El unico problema es que en foros con margenes se va a ver corrido :s, tu skin no debe tener margenes.
 
no entiendo adonde lo tengo que poner ... :S
 
Ya aver algo logre:

PHP:
<vb:if condition="$show['guest']">
<center>
<div style="z-index:10;position:fixed;bottom:0;background:url(imagen que se repetirá en el fondo);height:75px;width:100%;"> <a href="URL registro"><img src="Imagen que invita al registro" border="0" title="Registrate" style="margin-top:3px;" /></a><br />  <span style="color:#cad894;font-size:12pt;text-shadow:#3b490e 0px 1px;">TEXTO OPCIONAL QUE DESEES COLOCAR</span></div></center>
</vb:if>

Asegurarse de modificar el codigo con sus imagenes y datos 🙂. Ese codigo lo pueden colocar en la platilla FORUMHOME, justo despues de <body>

El unico problema es que en foros con margenes se va a ver corrido :s, tu skin no debe tener margenes.

Ya lo voy a probar ( ya te digo que tal como quedo edito y te informo ) saludos
 
(?) Papacho lo coloque debajo del body como lo dijistes aqui el codigo y no hace nada mira el codigo y no funka (?)

<vb:if condition="$show['guest']">
<center>
<div style="z-index:10;position:fixed;bottom:0;background:url(imagen que se repetirá en el fondo);height:75px;width:100%;"> <a href="URL registro"><img src="Imagen que invita al registro" border="0" title="Registrate" style="margin-top:3px;" /></a><br /> <span style="color:#cad894;font-size:12pt;text-shadow:#3b490e 0px 1px;">ZEL</span></div></center>
</vb:if>
 
(?) Papacho lo coloque debajo del body como lo dijistes aqui el codigo y no hace nada mira el codigo y no funka (?)

Tienes que editarlo con tus valores ps xD, mira lee el codigo 🙂
 
Encontre este otro codigo que funciona perfecto.

Al principio de la plantilla header colocar el siguiente codigo.
HTML:
<vb: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 = 90 //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"></a></td>
</div>
<!-- End Improve Registration -->
</vb:if>
Modificar al final del codigo los enlaces y las imagenes.

Para modificar la posicion del banner, tienen que modificar
Insertar CODE, HTML o PHP:
var startX = 30 //set x offset of bar in pixels
var startY = 90 //set y offset of bar in pixels
A mayor el numero mas se aleja de las esquinas.

Saludos.
 
Kuervo pero en el FORUMHOME va eso DEBAJO DEL body

saludos gracias.
 
Ups se me olvido mencionarlo.

El codigo va al principio de la plantilla header.

Ya que si va en el FORUMHOME, el banner solo aparecera en la pagina de los foros, mientras que en el header aparecera en todo el sitio.
 
Ups se me olvido mencionarlo.

El codigo va al principio de la plantilla header.

Ya que si va en el FORUMHOME, el banner solo aparecera en la pagina de los foros, mientras que en el header aparecera en todo el sitio.

Kuervo no entiendo que me pasa lo coloco al principio del header ose primero el codigo este antes que todo lo demas verda

luego comoque donde dice : RUTA DEL ICONO PARA CERRAR LA VENTANA coloco este icono
right.png


y donde dice : RUTA DE LA IMAGEN coloco esta
barra2.png


y en la dirrecion coloco la dirrecion del foro :s y nada no funka 🙁 no entiendo estoy asiendo algo malo saludos :s
 
Recuerda que el banner solo lo vén los usuarios no registrados, tendras que desloguearte para verlo.
 
Ups se me olvido mencionarlo.

El codigo va al principio de la plantilla header.

Ya que si va en el FORUMHOME, el banner solo aparecera en la pagina de los foros, mientras que en el header aparecera en todo el sitio.

xD fail, había olvidado ese detalle u.u

Tu código esta más completo, gracias 🙂
 
Gracias a ambos!!!
un recurso mas para el foro

Saludos!
 
Kuervo una preguntico como hago para poner el boton de cerra la imagen a una esquina de la imagen por que esta casi en todo el medio (?)
 
Atrás
Arriba