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

[victorvu]

Hello xXxpert:

I installed this mod, but it only worked vB Suite, not nonvB mods. How can I take care of this, so that it also works on non-vB mods?

Thanx,

Victor:up:

[Cromags21]

My ticker is lower then the news.png

News.png is here
----------------------While down here is where the ticker is -------------

Where can I fix this issue?

Other then that,I am pretty happy with your mod,great job.

[HHelp1]

Hi every one, i just saw this thread :CLICK HERE HIS demo site had ticker very organize and clean, but when i add it the box around it over size and the font is is kinda big, here is imageof his site :



but when i add it, it really not like that and the box round itkind tha ova size and tha fonts is big. So any idea ?

[XiTCLUB]

Originally Posted by HHelp1

Hi every one, i just saw this thread :CLICK HERE HIS demo site had ticker very organize and clean, but when i add it the box around it over size and the font is is kinda big, here is imageof his site :



but when i add it, it really not like that and the box round itkind tha ova size and tha fonts is big. So any idea ?

because i have changed the style at my site.
This mod is not be supported anymore

[EBZ2010]

Works great, thank you.

www.elitebattlezone.com

[skido]

Thank you, great mod! Installed .. works perfect. I was wondering since I use a dark style is there a way to make the background black instead of the white?

Yes i see now, got it .. in additional.css simply change the color code

Have a look here if you like http://unitedextremegamers.net/forum.php

Thanks again

[HHelp1]

Originally Posted by skido

Thank you, great mod! Installed .. works perfect. I was wondering since I use a dark style is there a way to make the background black instead of the white?

Change the codes color as you want.

[vBNinja]

Originally Posted by HHelp1

Change the codes color as you want.

Edit the css file, the background color is somewhere in the top

[HHelp1]

Originally Posted by vBNinja

Edit the css file, the background color is somewhere in the top

There you go lol THANKS!

[tele955848]

ask the button (hotnews) stabdard in style but is not displayed in the styles that have been uploaded in addition although everything (navbar and css) in manual?