Awesome News Ticker under Navbar @xitclub

Awesome News Ticker under Navbar @xitclub

Mod Version: 1.00, by XiTCLUB

vB Version: 4.x.x	Rating: (6 votes - 4.50 average)	Installs: 36
Released: 05 Jun 2011	Last Update: Never	Downloads: 0
Not Supported

Hello,

here i am sharing another cool template modification that i have used on my forum.

Demo : http://www.xitclub.com/
Steps:

1: Goto Styele Manager >Edit Template >CSS Templates >aditional.css (Double Click to Edit

Add at bottom of all content in aditional.css

Code:

.news-container
{
width:100%;
min-width:990px;
height:30px;
background-color:black;
}
#news-container-box
{
width:990px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#news-heading
{
width:150px;
height:30px;
background-image:url(news-bg.png);
background-repeat:no-repeat;
float:left;
}
#news-content
{
width:990px;
height:30px;
background-color:#f6f6f6;
-moz-border-radius:5px;
}
#news-news
{
width:840px;
height:30px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#060;
text-align:center;
}
#news-news a
{
text-decoration:none;
color:#F00
}

2: Now goto Style Manager > Edit Template > Navigation / Breadcrumb Templates > navbar (Double click to Edit)

Find

Code:

<!-- closing div for above_body -->

Add Before

Code:

<div class="news-container">
   <div id="news-container-box">
      <div id="news-heading"></div>
      <div id="news-content">
          <div id="news-news">
            <marquee behavior="scroll" scrollamount="7" OnMouseOver="this.stop()" OnMouseOut="this.start()">   Your News Goes Here </marquee>     
          </div>
      </div>
   </div>
</div>

3: Upload news-bg.png to your forum root

Don't forget To say Thanks If You LIKE This Modification

Download

No files for download.

Screenshots

vBulletin LTS