Forum Display Enhancements - Awesome News Ticker under Navbar @xitclub

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

.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

<!-- closing div for above_body -->

Add Before

<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

[hoangduchuu]

PHP Code:

Sorry. The administrator has banned your IP address. To contact the administrator click here


Read More: XiT Club | IT Learning and Entertainment FORUM | online Entertainment 


please show a sreenshot

[Krusty1231]

Looks like this:

See below!

[leclownos]

Merci pour ce petit module

[denman75]

thank you ,

[Special Pages]

This is not bad... Thanks!

[XiTCLUB]

you Are welcome

[FReeSTER]

This is just what I need it but i have a problem with the image, is trying to go double

[Da-Vinci]

For some reason the CSS doesn't seem to be loading for me on 2 of my templates, but shows on the default skin.

On the Default template, I have the same problem as FReeSTER.



On my 2 other templates I only get the marquee effect but no image or backgrounds.

Any ideas what could be causing this?

Edit: Fixed the image mutiplying.

Change this part of the CSS.

#news-heading
{
width:150px;
height:30px;
background-image:url(images/misc/news-bg.png);
float:left;
}

To

#news-heading
{
width:125px;
height:25px;
background-image:url(images/misc/news-bg.png);
float:left;
}

Still can't work out why the CSS isn't loading from my other 2 templates though.

[XiTCLUB]

Originally Posted by FReeSTER

This is just what I need it but i have a problem with the image, is trying to go double

just goto aditional.css and look for

#news-heading
{
width:150px;
height:30px;
background-image:url(news-bg.png);
float:left;
}

and add this line right after the red text

background-repeat:none;