Widgets

Update: July 22nd, 2009

PLEASE BE PATIENT WHILE PAGE FULLY LOADS

For starters we are sorry if this page took a little too long to load for you!

But here is the good news. Now everything is here for you. You can freely move from tab to tab and not loose anything that you may have been working on.

That means that you can go pick a color form the the color chart tab and then go right back to work on the tab you were working on.

Choose the widget that you would like, select the code and copy it. Then simply paste it into your web page where you would like it.

We are always open for suggestions for more widgets or to improve the ones that we have. Feel free to contact us and let us know what you think!

Default Results


NASCAR Sprint Cup Results

NASCAR Nationwide Results

NASCAR Truck Results

ARCA Results

Camping World West Results

Camping World East Results

Custom Results

Default Driver

Custom Driver

Color Codes

This color table is from http://www.yourhtmlsource.com/

Example Font Sizes
5px
10px
12px
15px
20px

#000000 #003300 #006600 #009900 #00CC00 #00FF00
#000033 #003333 #006633 #009933 #00CC33 #00FF33
#000066 #003366 #006666 #009966 #00CC66 #00FF66
#000099 #003399 #006699 #009999 #00CC99 #00FF99
#0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC
#0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF
#330000 #333300 #336600 #339900 #33CC00 #33FF00
#330033 #333333 #336633 #339933 #33CC33 #33FF33
#330066 #333366 #336666 #339966 #33CC66 #33FF66
#330099 #333399 #336699 #339999 #33CC99 #33FF99
#3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC
#3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF
#660000 #663300 #666600 #669900 #66CC00 #66FF00
#660033 #663333 #666633 #669933 #66CC33 #66FF33
#660066 #663366 #666666 #669966 #66CC66 #66FF66
#660099 #663399 #666699 #669999 #66CC99 #66FF99
#6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC
#6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF
#990000 #993300 #996600 #999900 #99CC00 #99FF00
#990033 #993333 #996633 #999933 #99CC33 #99FF33
#990066 #993366 #996666 #999966 #99CC66 #99FF66
#990099 #993399 #996699 #999999 #99CC99 #99FF99
#9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC
#9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF
#CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00
#CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33
#CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66
#CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99
#CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC
#CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF
#FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00
#FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33
#FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66
#FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99
#FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC
#FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFF
#000000 #000033 #000066 #000099 #0000CC #0000FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

HELP

If this section does not answer you questions please leave a comment, CONTACT US or leave a post in our Message Boards!

This help section will be complete with in a couple days -- By 1/3/2009!

DEFAULT Widgets
Just that. What you see is what you get. Nice, easy and fast. Just copy the code from our box next to the widget that you want and then paste that code onto your site. SIMPLE!

CUSTOM WIDGETS
The first thing to keep in mind is to get your widget the way you want it then copy the code. Meaning if you make a change, you must "click" the GET CODE button again to update your widget. This also updates the code that you are going to copy and paste onto your site.

Anything that is reffered to as size (widget width, font size, border size) is in px. Only enter the number representing the font, border or widget size that you want. Example - 12....NOT 12px.

The same thing applies to colors. Colors are typically #000000. The # symbol is already in the code. Only enter the color number that you would like.

CUSTOM RESULTS
The custom race results comes with a lot of options. Some would argue that it comes with TOO MANY options. But the point here is to get the widget looking the way that you want it to look so that you are happy with it on your website.

At first you will not see a sample widget displayed. The first thing you need to do is select the series results that you would like to have. We have put a "GET CODE" button right under the series selection so that you can start seeing something right away.

Once you have that selected you will need to decide how wide you want your results widget. We recommend starting out at 190 and see how that looks. Of course this will depend how much room you have on your site.

ACTIVE TAB BACKGROUND - This refers to the color of the tab that is actively being viewed. If you have multiple tabs this will help other viewers of your widget see what series they are looking at.

NOT ACTIVE TAB BACKGROUND - This refers to all the other tabs in your widget. The active can be on color and the rest another color. When you switch to a new tab (example switching from CUP to TRUCK) the truck will become active and CUP will then NOT BE ACTIVE.

TAB HOVER COLOR - this is the color that a NOT ACTIVE tab will change to when someone puts their mouse over it.

MAIN FONT SIZE - the main font size will set the font size of the entire widget. Each "page" of the widget will have this font size.

TABLE BORDER SIZE - This is the size of the border that will be around each page's results. We recommend starting with a size of 1 or 2 and seeing how you like it. The color of this border can be changed for page.

Comments are closed.