Awesome News Ticker under Navbar @xitclub

[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]

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.

http://img585.imageshack.us/img585/1980/ticker.png

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]

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;

[XiTCLUB]

For some reason the CSS doesn't seem to be loading for me, I've added the first edit to the bottom of the additional.css template as described then made the edit to the navbar, the Marquee part works but I don't get the backgrounds or the image.

Any ideas?

have you added the css code in aditional.css on template that is your current default style??

[FReeSTER]

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;

Thank for the reply mate, but didnt do anything. :(

[Da-Vinci]

FReeSTER change this part of the CSS, the image is 125px wide and 25px high, so it is multiplying to fill the div which is 150px wide and 30px high.

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

To

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


have you added the css code in aditional.css on template that is your current default style??

Yes I've added it to the additional.css templates for all 3 styles but it only shows correctly on my default skin. Also to mention the Black background doesn't display on my Default skin, but I'm happy with how it looks as I've widened it and changed the image to suit my needs.

Still can't figure why my 2 custom styles aren't loading the CSS for this though.

My Default skin looks like this. (All I've edited is the image and the height and width of some of the Divs)

http://img88.imageshack.us/img88/1980/ticker.png

But on my other styles it looks like this.

http://img694.imageshack.us/img694/1980/ticker.png

[FReeSTER]

Thanki you so much mate that really did the job

[XiTCLUB]

Thank for the reply mate, but didnt do anything. :(

sorry...spell mistake :D

add this after red text
background-repeat:no-repeat;

[shoppingtelly]

Loving this, thank you.

[XiTCLUB]

Loving this, thank you.

Welcome..

[vBNinja]

This is a great mod. 2 questions though

The news bar is extending my page to the left and right, i tried changing the margins from "auto" to "15px" but it didnt do anything

Also how can i change the scroll speed of the anouncements

Thank you

[Izza]

Thanks for this :)

Scroll speed is altered by changing the "7" to higher for faster and lower for slower in the Navbar template
<marquee behavior="scroll" scrollamount="7" OnMouseOver="this.stop()" OnMouseOut="this.start()">

[vBNinja]

Okay thanks. What about the margin problem, i see that the demo site has it too.

[raulin]

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

[mikem164]

sorry...spell mistake :D

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]

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]

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 http://img10.imageshack.us/img10/3622/doncasteronlineauctions.jpg

[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!

[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 (https://vborg.vbsupport.ru/showthread.php?t=264742) 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 : https://vborg.vbsupport.ru/



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]

Hi every one, i just saw this thread :CLICK HERE (https://vborg.vbsupport.ru/showthread.php?t=264742) 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 : http://img16.imageshack.us/img16/1159/cleank.png



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 :D

[HHelp1]

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]

Change the codes color as you want.

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

[HHelp1]

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?

[Mr von]

marquee is not good. bucking the Tickers. :)

[franzes80]

No work on vb 4.2.2.Please update this mod thank you