How to make news bar?

[Xtremee]

Hi all,

i wanna to make newsbar that move automatically and the informattion on it don't linked (i.e. can't click on it to go to link) just wanna news.
HOw i can do this?



Regards,
Xtremee

[Grobulous]

do you want marquee text? if so, all you have to do is add something like this:

<marquee>news news news</marquee>

and it should scroll across the page. a list of marquee settings can be found here: http://www.htmlcodetutorial.com/_MARQUEE.html

if you mean from a source like a forum, that would include php and I don't really know php.

[Xtremee]

@Grobulous ,
1st thanks for your reply.
thanks for ur code. That what i'm looking for

[Xtremee]

Hi
Thanks for all who try to help
i wanna newsbar like this one in the top of http://www.soft32.com
i check the source of the page and i don't think that it is marquee. I think they use some java scripts!!
if it java can any one tell me what is the script that i need?
Thanks in advance

Regards,
Xtremee

[FullMetal_Ed]

they might have used javascript, but it can be done without it. try this
<marquee height="10" width="100%" amount="4" onmouseover=this.scrollAmount="0" onmouseout=this.scrollAmount="4" bgcolor="#CCFFFF">This is where you put your information.</marquee>

Edit the values accordingly.:)

[Xtremee]

1st thanks for your reply
Your code is good. but what about the NEWS image or HOw to get the word as they have in Soft32 ?!
Thanks in advance

[Xtremee]

Any ideas?

[Shoot2Kill]

Do you meen something like this...



<style type="text/css">
span#news{
background-color: #FCC223;
font-weight: bold;
color: #FFFFFF;
}
</style>

<MARQUEE height="10" width="100%" amount="4" onmouseover=this.scrollAmount="0" onmouseout=this.scrollAmount="4" bgcolor="#CCFFFF">
<span id="news">
&nbsp;NEWS&nbsp;
</span>
&nbsp;&nbsp;
<a href="#">New News...</a>
&nbsp;&nbsp;
<span id="news">
&nbsp;NEWS&nbsp;
</span>
&nbsp;&nbsp;
<a href="#">More News</a>
&nbsp;&nbsp;
<span id="news">
&nbsp;NEWS&nbsp;
</span>
&nbsp;&nbsp;
<a href="#">Even More News</a>
&nbsp;&nbsp;
<span id="news">
&nbsp;NEWS&nbsp;
</span>
</MARQUEE>

[Xtremee]

excellent
Thanks man that what i'm actullay wanna it
Thanks again

[ahallicks]

The site you linked to actually uses an embedded iFrame that is coded in a separate page and linked into that page at the top of the table... might be easy to do it this way too?

[Xtremee]

The site you linked to actually uses an embedded iFrame that is coded in a separate page and linked into that page at the top of the table... might be easy to do it this way too?
Thanks for this info.
Can you help me more and give me the way to make it?

[ahallicks]

Well they have:


<iframe id='newsticker' name='newsticker' src='/siteNewsTicker.html' framespacing='0' frameborder='no' scrolling='no' marginwidth='0' marginheight='0' align='absmiddle' vspace='0' hspace='0' width='891' height='25' allowtransparency='true'></iframe>


as you can see the src is siteNewsTicker.html, a normal HTML page...

After looking at the HTML for the newsticker, it's mostly spans with links and information styled, but it looks like some javascript is used. Here is the page for the news ticker: http://www.soft32.com/siteNewsTicker.html

And the js file is:
http://www.soft32.com/js/webticker_lib.js

If you look at the javascript file it looks like they're used someones free script to make the news ticker. Follow the link for more information and the source code