Message for guests [CSS3] - force registration

[PandavB]

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.

Update 1.5: What's new
- Border radius now also for Safari and Google Chrome
- Warning Image improved
- New stylish background
- Color changes
- Wider message (can be changed)
- some fixes

How To Install:

1. Add HTML Code to your header Template (at the top):
HTML Code:

<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):
HTML Code:

div.guestm {
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 1px #666666;
background:url(images/misc/guestmbg.gif) repeat-x top;
background-color:#ef8d31;
border:1px solid #4A4848;
color:white;
max-width:280px;
min-height:18px;
padding:0 5px 3px;
position:fixed;
right:36px;
top:49px;
z-index:1;
}

div.guestm img {
padding-top:2px;
margin-bottom:-4px;
} 

3. Upload images to the misc folder ("/images/misc/"). Image in the ZIP attachement.

That's it!

Special:

I added some more backgrounds (see attachment) which you can use.

Please rate and mark as installed, thx!