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

[raulin]

I miss you friend a letter is additional.css, oh good contribution thanks.

[mikem164]

Originally Posted by xXxpert

sorry...spell mistake

add this after red text

background-repeat:no-repeat;

Nice work, but you should fix the Mis information in post 10. I would have stopped there if I had the issue and tried your fix, although it's wrong.

Then, you should edit your Mod to include the No repeat, this is a bug and depending on size of monitor and res of user, this will happen to all which is no good for forum.

Lastly, you need to float it to center at 100%, so it doesn't change forum width.

You'll save some people aggravation if you correct it . Just my opinion

Nice job all around tho..

[vBNinja]

the arrows in this screenshot is what i need i fixed

[XiTCLUB]

Originally Posted by ivant

the arrows in this screenshot is what i need i fixed

You have to change the width from 100% to same as your forum width

.news-container
{
width:100%;
min-width:990px;
height:30px;
background-color:black;
}

[XiTCLUB]

Originally Posted by mikem164

Nice work, but you should fix the Mis information in post 10. I would have stopped there if I had the issue and tried your fix, although it's wrong.

Then, you should edit your Mod to include the No repeat, this is a bug and depending on size of monitor and res of user, this will happen to all which is no good for forum.

Lastly, you need to float it to center at 100%, so it doesn't change forum width.

You'll save some people aggravation if you correct it . Just my opinion

Nice job all around tho..

added to mod.. thanks for openion

background-repeat:no-repeat;

[appsfinder]

how do move start from center to say bit more to the left

eg

[appsfinder]

also how do i add links to the news scroll

[XiTCLUB]

just use href tag,

<a href="www.example.com">Link text</a>

[Noerenberg]

Hi,

is it possible to show automatically the link from a forum when it create a new thread or post?

[Angle4cor]

Thanks!