Free Website Web Page Template #10 Provided By www.free-templates.org

Change Background

Free Change Background Scripts

Here are a couple free scripts that will allow your visitors to change the background color of your web page. The first script is very short and will create a clickable button as seen in the column on the left. You will need to change the "value" which is the text on the button, and the desired color hex code code. The color names and hex codes can be found HERE. Copy the code below and put it in the <BODY> section of your website's HTML code where you want the button to appear.

The second script is a small table that your visitors can hover their mouse over to change the web page background color. It is kind of a whimsical script and the code is a bit longer, but it is fun and may create an interesting page for you.

Background

To use the script ,copy the entire code below and put it in the <BODY> section of your website's HTML code where you want the hover box to appear.

<font face="Arial, Helvetica, sans-serif" size=-1><b>Background</b><br><table border=0 cellpadding=0 cellspacing=1 bgcolor=#000000><tr><td bgcolor=#FF0000><a href="#" onMouseover=document.bgColor='#FF0000' onMouseOut=document.bgColor="#FFOOOO"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#FF00FF><a href="#" onMouseover=document.bgColor='#FF00FF' onMouseOut=document.bgColor="#FFOOFF"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#00FF00><a href="#" onMouseover=document.bgColor='#00FF00' onMouseOut=document.bgColor="#OOFFOO"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#FFFF00><a href="#" onMouseover=document.bgColor='#FFFF00' onMouseOut=document.bgColor="#FFFFOO"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#0000FF><a href="#" onMouseover=document.bgColor='#0000FF' onMouseOut=document.bgColor="#OOOOFF"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#00FFFF><a href="#" onMouseover=document.bgColor='#00FFFF' onMouseOut=document.bgColor="#OOFFFF"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td></tr><tr><td bgcolor=#FFFFFF><a href="#" onMouseover=document.bgColor='#FFFFFF' onMouseOut=document.bgColor="#FFFFFF"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#CCCCCC><a href="#" onMouseover=document.bgColor='#CCCCCC' onMouseOut=document.bgColor="#CCCCCC"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#999999><a href="#" onMouseover=document.bgColor='#999999' onMouseOut=document.bgColor="#999999"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#66666><a href="#" onMouseover=document.bgColor='#66666' onMouseOut=document.bgColor="#66666"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#333333><a href="#" onMouseover=document.bgColor='#333333' onMouseOut=document.bgColor="#333333"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td><td bgcolor=#000000><a href="#" onMouseover=document.bgColor='#000000' onMouseOut=document.bgColor="#000000"><img border=0 width=10 height=10 src=/net-fu/xxx.gif></a></td></tr></table>