Message for guests [CSS3] - force registration

[admin]

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!

Screen Shot: