VBGamer

Content

Post

Resources

Other

Console

Step 1.a

Pick the Border style, the border width, and the border color of the border around the entire news section. You can set the background color or you can set the background color for individual elements in later steps. For the background color, you can use an image by typing its web location in a url(). Example,
url(http://www.vbgamer.com/vbgamerlogoSmall.jpg)

Step 1.b

For the "VB Gamer News" title section, pick the Border style, the border width, border color and background color.

Step 1.c

For the individual news items, pick the border style, the border width, border color and background color.

Step 2.a

Pick the Font, the font size, and font color for the "VB Gamer News" title section.

Step 2.b

Pick the Font, the font size, and font color for the news date.

Step 2.c

Pick the Font, the font size, and font color for the news link.

Step 3 - Generate CSS

Press the button below to generate the style sheet information for your web page.

Step 4 - Finish

Copy and paste the style you created between the <head> and </head> tags in your webpage. The last thing you need to do is put the following line where you want your news ticker to appear.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="http://www.vbgamer.com/newstickerCSS.asp"></SCRIPT>

If you want to control the width of the news ticker, just use a simple table like this and modify the WIDTH to whatever you want.:

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="250">
<TR>
<TD>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="http://www.vbgamer.com/newstickerCSS.asp"></SCRIPT>
</TD>
</TR>
</TABLE>