I would like to know how to do the info bar that letsforum has when not registered, on the index page. ( I like the registerbutton aswell ).
Also the yellow bar when not logged in that asks to register.
Cheers.
<div style="padding: 1em; margin-bottom: 1em; padding: 1em; border-top: 1px solid #cc3344; border-bottom: 1px solid #cc3344; color: #000; background-color: #ffe4e9; margin-bottom: 1em;"><h3 style="padding: 0; margin: 0;">Welcome Guest</h3><p style="margin: 1em 0 0 0;">Add some description here</p></div>
<if $mybb->user['uid'] <= '0' then></if>
<if $mybb->user['uid'] == 0 && THIS_SCRIPT != "index.php" then>
Your code goes here
</if>
<a href="#" class="css_button">CSS Button</a>
.css_button {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.css_button:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
<div class="welcome_front"><h3 style="padding: 0; margin: 0;">Welcome Guest</h3><p style="margin: 1em 0 0 0;">Add some description here</p></div>
.welcome_front {
background-color: #FFE4E9;
border-bottom: 1px solid #CC3344;
border-top: 1px solid #CC3344;
color: #000000;
margin-bottom: 1em;
padding: 1em;
}