admin
13-03-2010, 07:54 PM
Guest Message
A little fixed (=> the message is always on top of the browser window) message which guest's says to register in the forums. There is a little warning image (thx, famfamfam!) and a link to the registration page. The message is CSS3 ready and got nice borders and a shadow.
How To Install:
1. Add HTML Code to your header Template (at the top):
<vb:if condition="$show['guest']"><div class="guestm"> <img src="images/misc/warning.png" /> <b>Hello guest! It looks like you aren't a member already. Get now full access and <a href="register.php">register for free!</a></b></div></vb:if>
2. Add CSS Code to your additional.css File (Templates > CSS > additional.css):
div.guestm {
max-width:150px;
min-height:18px;
position:fixed;
top:20px;
right:20px;
background-color:#FEB966;
padding:2px 8px 5px 8px;
border:1px solid #000000;
z-index:1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
}
div.guestm img {
padding-top:2px;
}
3. Upload image ("warning.png") to the misc folder ("/images/misc/"). Image in the ZIP attachement.
That's it! http://www.vbulletin.org/forum/images/smilies/smile.gif
Screen Shot:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/03/13/07/13111268484850.png
A little fixed (=> the message is always on top of the browser window) message which guest's says to register in the forums. There is a little warning image (thx, famfamfam!) and a link to the registration page. The message is CSS3 ready and got nice borders and a shadow.
How To Install:
1. Add HTML Code to your header Template (at the top):
<vb:if condition="$show['guest']"><div class="guestm"> <img src="images/misc/warning.png" /> <b>Hello guest! It looks like you aren't a member already. Get now full access and <a href="register.php">register for free!</a></b></div></vb:if>
2. Add CSS Code to your additional.css File (Templates > CSS > additional.css):
div.guestm {
max-width:150px;
min-height:18px;
position:fixed;
top:20px;
right:20px;
background-color:#FEB966;
padding:2px 8px 5px 8px;
border:1px solid #000000;
z-index:1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
}
div.guestm img {
padding-top:2px;
}
3. Upload image ("warning.png") to the misc folder ("/images/misc/"). Image in the ZIP attachement.
That's it! http://www.vbulletin.org/forum/images/smilies/smile.gif
Screen Shot:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/03/13/07/13111268484850.png