Floating Alert for Guest Only

[mastersly]

Example

[hide]
ACP>>Templates & Style>>Templates>>CHOOSE THEME>> Header>>header_welcomeblock_guest
add this code

<div class="guestbox mobilehide">
<span style="color:#ff2f2f;font-size:20px;font-weight:bold;">ALERT!</span>
<br>
<a class="smalltext" href="member.php?action=register">Click here to register with a few steps and explore all our cool stuff we have to offer!</a>
</div>

ACP>>Templates & Style>>Themes>>Choose theme>>Global.css
add this

.guestbox {
background:#131313;
width:250px;
padding:10px 15px 15px;
position:fixed;
z-index:100000;
opacity:.9;
color:#fff;
border-radius:2px;
bottom:0;
right:10px;
text-align:center
}

Hard refresh cache (Ctrl+F5)
[/hide]

 

[_B_]

Nice Tutorial. Thank You!

 

[Negative]

Oooh, this is useful for some new members that come across a new site and such.