Forum Home Enhancements - Message for guests [CSS3] - force registration

Update 1.5 now online, check it out!


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

<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 {
-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!

[Markos]

tagged till i get on my main pc

[DaMani]

where is the additional.css - i dont find it?

[chriske]

Add CSS Code to your additional.css File (Templates > CSS > additional.css):

Double click on CSS Templates, Goodluck!

Nice mod btw, Tagged & will install later

[Manoel J?nior]

Very Thanks... Installed

[Radjedef]

Happy you guys like it, thanks!

Screenshot where you can find the additional.css in the attachment.

[Markos]

nice i got it installed is there any way to get it centered rather than on the right hand side of the forum

[Kolbi]

Vielen Dank

Werde es mir genauer anschauen.

[Radjedef]

Originally Posted by Markos

nice i got it installed is there any way to get it centered rather than on the right hand side of the forum

yep, there is a way for that. Just copy this code:

div.guestm {
max-width:150px;
min-height:18px;
position:fixed;
top:20px;
margin:auto;
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;
}

if you want the message wider, just change the line in red.
enjoy

[Markos]

hmmm that put it to the left of the forum i want it bang in the center lol