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!

[Radjedef]

Originally Posted by Markos

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

sorry, my fault

try this:

div.guestm {
max-width:150px;
min-height:18px;
position:fixed;
top:20px;
background-color:#FEB966;
padding:2px 8px 5px 8px;
border:1px solid #000000;
z-index:1;
-moz-border-radius:4px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
left:50%;
}

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

again: edit the red line if you want a wider message

[merk_aus]

Thanks I have tagged this and will install later is 1:24am and I am tired and beat so going to bed but will install when i get up thanks.

[Markos]

Originally Posted by Radjedef

sorry, my fault

try this:



again: edit the red line if you want a wider message

thanks

[Dr.osamA]

thanxxx

installed +5
________
Creampie Ebony

[Radjedef]

Originally Posted by Dr.osamA

thanxxx

installed +5

Thanks!

[Kolbi]

With which browser is this tested?

[Charlie98902]

Originally Posted by Kolbi

With which browser is this tested?

Appears to look like in Firefox?

[Thr33]

Im using the default template and there isnt an additional.css added..

[Radjedef]

Originally Posted by Kolbi

With which browser is this tested?

Tested in Firefox and IE8.
If you want I can test it also in IE6 and IE7.
But CSS3 is NOT working in IE

Originally Posted by TopFloorDjs

Im using the default template and there isnt an additional.css added..

See here

[Rahstyles]

Were is "Additional CCS"? i cant find it?? i only see main ccs