MyBB Community Forums

Full Version: [TUT] Custom CSS/HTML Marquees/Newsbars!
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
This tutorial will attempt to teach you how to style your own Marquees/Newsbars!

First, what you want to do is go to your theme and add a new CSS Stylesheet. Name it whatever you want.
Put some classes in it, Like I have done below:
[Image: tut1r.png]
(Note that your classes can be named anything, I'm just using an example.)

Now, in your classes, You'll put this:
background-color: lightred;
color: darkred;
border: 2px solid darkred;
font-weight: bold;
font-size: 12pt;
/*below is for non-moving bars*/
text-align:center
/*above is for non-moving bars*/

so your class should look like this:
.class
{
background-color: lightred;
color: darkred;
border: 2px solid darkred;
font-weight: bold;
font-size: 12pt;
/*below is for non-moving bars*/
text-align:center
/*above is for non-moving bars*/
}

and with a simple edit like either
<marquee class="class">TEXT</marquee><br /><br />
or
<div class="class">TEXT</div><br /><br />
in your index template between {$header} and {$forums}, you can get this:
[Image: tut2.png]
on your index above your forums!
Nice and simple tutorial. Nice job. Wink