Guest Floating Banner for VB4

Guest Floating Banner for VB4

Mod Version: 1.00, by bcilloniz

vB Version: 4.1.0	Rating: (0 vote - 0 average)	Installs: 7
Released: 15 Dec 2010	Last Update: Never	Downloads: 0
Not Supported Template Edits

Dear friends:

Trying to help some users, I copy the codes to have a guest floating banner like the one I got in my forum Agroforum.pe

The only problem is that when i scroll down the page, the banner goes down too and desappears from the screen, but this is a good mod to gain more users. It's in spanish right now, but yoy can put the message you want.

Paste this code at the begginig of HEADER:

Code:

<vb:if condition="$show['guest']"> 
<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="http://static.sunnypages.jp/img/map/close_icon.gif" border="0" /></a> 
  </p> 
<img src="http://www.vbhispano.com/foros/images/icons/icon4.png" /> <b>Hola invitado! Para tener acceso completo y sin publicidades <a href="registro/"><u>registrese gratuitamente!</u></a></b><br> 
Imagen publicidad 
</div></vb:if>

This is the code to redirect the image to close the banner:

Code:

<p align="right"><a href="" onClick="closebar(); return false"><img src="http://static.sunnypages.jp/img/map/close_icon.gif" border="0" /></a> 
  </p>

This is the message:

Code:

<img src="http://www.vbhispano.com/foros/images/icons/icon4.png" /> <b>Hola invitado! Para tener acceso completo y sin publicidades <a href="registro/"><u>registrese gratuitamente!</u></a></b>

CSS code of div topbar, add to additional.css to modify the banner caracteristics:

Code:

#topbar { 
-webkit-border-radius:4px; 
-moz-border-radius:4px 4px 4px 4px; 
-moz-box-shadow:1px 1px 1px #666666; 
background-color:#ef8d31; 
border:1px solid #4A4848; 
color:white; 
max-width:338px; 
min-height:310px; 
padding:0 5px 3px; 
position:fixed; 
right:5%; 
top:8%; 
z-index:1; 
}

I hope the instructions are clear, because I dont speak english very well. And let me know if theres something the make the banner stay in its position, when scrollo down the screen.

Bye

Bruno

Download

No files for download.

vBulletin LTS