2009-07-31, 01:01 AM
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]](https://camo.mybb.com/67b2b817a3a5a38de38db464ce158e963a97e01b/687474703a2f2f696d673434312e696d616765736861636b2e75732f696d673434312f313735312f74757431722e706e67)
(Note that your classes can be named anything, I'm just using an example.)
Now, in your classes, You'll put this:
so your class should look like this:
and with a simple edit like either
![[Image: tut2.png]](https://camo.mybb.com/ac1d7d0278bc697103783d901358c05c3e035c30/687474703a2f2f696d673530382e696d616765736861636b2e75732f696d673530382f383039392f747574322e706e67)
on your index above your forums!
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:
(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:on your index above your forums!