Dunglx
01-08-2011, 08:19 PM
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! http://www.vbulletin.org/forum/images/smilies/smile.gif
Screen
http://www.vbulletin.org/forum/attachment.php?attachmentid=115041&stc=1&thumb=1&d=
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! http://www.vbulletin.org/forum/images/smilies/smile.gif
Screen
http://www.vbulletin.org/forum/attachment.php?attachmentid=115041&stc=1&thumb=1&d=