Message for guests [CSS3] - force registration
Mod Version: 1.5, by Radjedef
| vB Version: 4.0.2 | Rating:  (23 votes - 4.70 average) |
Installs: 165 |
| Released: 13 Mar 2010 | Last Update: 30 Mar 2010 | Downloads: 758 |
 Not Supported
 Template Edits
Re-usable Code
Translations
|
||
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):
2. Add CSS Code to your additional.css File (Templates > CSS > additional.css):
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!
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>
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;
}
That's it!
Special:
I added some more backgrounds (see attachment) which you can use.
Please rate and mark as installed, thx!
Download
images.zip (4.1 KB, 733 downloads) backgrounds.zip (13.0 KB, 686 downloads)
Screenshots
