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!

[YankForum]

installed with no pain , great addon , tnx

[BlueCheri]

Installed, thanx

[Semmi]

nice, nice man

[baghdad4ever]

installed

thanks

[hqlman]

This is not working for me on my fixed width template, i get this problem:

Another thing I cannot see this message in Chrome

How can I fix this?

[Radjedef]

hi

just change the distance from the right side:

right:36px;

hm, it should work in chrome, can I see your page?

thx

[hqlman]

Originally Posted by Radjedef

hi

just change the distance from the right side:

right:36px;

hm, it should work in chrome, can I see your page?

thx

Worked perfectly, thanks a lot

[Entonadoscl]

work perfect.. thanks!!

[LuisManson]

in my case some of my pages got the text as description in google

[javivi0]

Installed, thanx

but one question, can go against the rules if insert google adsense code?

thanks