Saturday 24 September 2011

Help needed with html?

http://www.saintambrosebarlow.wigan.sch.uk/Fun_and_games/nicewords.htm if you go on this website at the top it says backgrounds and when you rollover your mouse on it the backgroung colour changes :/



i want to know how i can do that for my website? (:



ta
Help needed with html?
that%26#039;s dynamic HTML



here%26#039;s the source code on the site





%26lt;body bgproperties=%26quot;fixed%26quot; bgcolor=%26quot;#FFFFE5%26quot; leftmargin=%26quot;70%26quot; rightmargin=%26quot;70%26quot;%26gt;



聽%26lt;TABLE BORDER=%26quot;5%26quot; CELLSPACING=%26quot;0%26quot; CELLPADDING=%26quot;3%26quot; BORDERCOLOR=%26quot;Blue%26quot;

ALIGN=%26quot;LEFT%26quot; WIDTH=%26quot;340%26quot;%26gt; %26lt;TR%26gt; %26lt;TD BGCOLOR=%26quot;#cccccc%26quot; width=%26quot;11%26quot;%26gt; %26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;cccccc%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;cccccc%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;B%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffffe5%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffffe5%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;ffffe5%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;A%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffffcc%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffffcc%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;ffffcc%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;C%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ccffff%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;CCFFFF%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CCFFFF%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;K%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#33ffcc%26quot; width=%26quot;12%26quot;%26gt;

%26lt;p align=%26quot;left%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;33FFCC%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;33FFCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;G%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/p%26gt;

%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#99ffcc%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;99ffcc%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;99FFCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;R%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#00cccc%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;00cccc%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;00CCCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;O%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#66cc00%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;66cc00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;66CC00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;U%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#cccc00%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;cccc00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CCCC00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;N%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ccff00%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ccff00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CCFF00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;D%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffccff%26quot; width=%26quot;8%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffccff%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFCCFF%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;_%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#cc9999%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;cc9999%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CC9999%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;C%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffcc00%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffcc00%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFCC00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;O%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffcccc%26quot; width=%26quot;10%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffcccc%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFCCCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;L%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ff9999%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ff9999%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FF9999%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;O%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#FFFFE8%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;66cc00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFFFE8%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;U%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#CCCCFF%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ccccff%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;ccccff%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;R%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;/TR%26gt;

%26lt;/TABLE%26gt;%26lt;P align=%26quot;center%26quot;%26gt; 聽%26lt;/p%26gt;

%26lt;P align=%26quot;center%26quot;%26gt; 聽%26lt;/p%26gt;


Help needed with html?
Anytime you want to use somebody%26#039;s code, view the source.



View%26gt;%26gt;Page Source.





In this site%26#039;s case, the source used for a background color change is:



%26quot;聽%26lt;TABLE BORDER=%26quot;5%26quot; CELLSPACING=%26quot;0%26quot; CELLPADDING=%26quot;3%26quot; BORDERCOLOR=%26quot;Blue%26quot;

ALIGN=%26quot;LEFT%26quot; WIDTH=%26quot;340%26quot;%26gt; %26lt;TR%26gt; %26lt;TD BGCOLOR=%26quot;#cccccc%26quot; width=%26quot;11%26quot;%26gt; %26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;cccccc%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;cccccc%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;B%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffffe5%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffffe5%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;ffffe5%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;A%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffffcc%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffffcc%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;ffffcc%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;C%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ccffff%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;CCFFFF%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CCFFFF%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;K%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#33ffcc%26quot; width=%26quot;12%26quot;%26gt;

%26lt;p align=%26quot;left%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;33FFCC%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;33FFCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;G%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/p%26gt;



%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#99ffcc%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;99ffcc%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;99FFCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;R%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#00cccc%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;00cccc%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;00CCCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;O%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#66cc00%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;66cc00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;66CC00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;U%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#cccc00%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;cccc00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CCCC00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;N%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ccff00%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ccff00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CCFF00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;D%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffccff%26quot; width=%26quot;8%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffccff%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFCCFF%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;_%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#cc9999%26quot; width=%26quot;11%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;cc9999%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;CC9999%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;C%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffcc00%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffcc00%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFCC00%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;O%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ffcccc%26quot; width=%26quot;10%26quot;%26gt;



%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ffcccc%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFCCCC%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;L%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#ff9999%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ff9999%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FF9999%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;O%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#FFFFE8%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;66cc00%26#039;%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;FFFFE8%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;U%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;TD BGCOLOR=%26quot;#CCCCFF%26quot; width=%26quot;12%26quot;%26gt;

%26lt;B%26gt;%26lt;A ONMOUSECLICK=%26quot;document.bgColor=%26#039;ccccff%26quot; ONMOUSEOVER=%26quot;document.bgColor=%26#039;ccccff%26#039;%26quot;%26gt;鈥?SIZE=3%26gt;R%26lt;/FONT%26gt;%26lt;/A%26gt;%26lt;/B%26gt;%26lt;/TD%26gt;%26lt;/TR%26gt;

%26lt;/TABLE%26gt;%26lt;P align=%26quot;center%26quot;%26gt; 聽%26lt;/p%26gt;

%26lt;P align=%26quot;center%26quot;%26gt; 聽%26lt;/p%26gt;

%26quot;
I%26#039;ll give youan example using buttons.

Make two different buttons and make a rollover button with the button option with the software you are using to make your website.

You need to put one image as the first button and then the second image as the rollover button and save it

Taa daa you have the rollover button you want.

You can make anything this way but it%26#039;s easier to name one example.