grazie a questo script riesco a cambiare lo sfondo, il colore del font della pagina.
Come lo modifico, cioè apposta di fargli cambiare lo sfondo con un colore gli faccio cambiare una immagine????
questo è il codice:
Codice HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body, html{
text-align:center;
margin:0px;
padding:0px;
font-family:Verdana, sans-serif;
font-size:14px;
}
a:link, a:visited, a:hover, a:active{text-decoration:none}
div#box{
margin:10px auto;
padding:10px;
width:90%;
border:1px solid #666;
text-align:left;
background-color:#fff;
line-height:20px;
font-weight:bold;
}
div#tool{
margin:10px auto;
padding:10px;
width:90%;
border:1px solid #666;
text-align:left;
background-color:#e4e4e4;
font-size:10px;
}
div#box h2{
margin:5px;
padding:5px;
color:#980000;
}
div#box p {
margin:.3em;
pagging:.3em;
text-align:justify;
}
</style>
</head>
<body>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div id="tool">
Cambia il colore di sfondo ed il colore del font:
<a href="#" onclick="document.getElementById('box').style.fontSize='14px';
document.getElementById('box').style.backgroundColor='#fff';
document.getElementById('box').style.color='#000';
document.getElementById('box').style.fontWeight='bold';
return false;">Default</a>
|
<a href="#" onclick="document.getElementById('box').style.backgroundColor='#000000';
document.getElementById('box').style.color='#ffffff';
document.getElementById('box').style.fontWeight='bold';
document.getElementById('box').style.fontSize='14px';
return false;">Sfondo Nero</a>
| <a href="#" onclick="document.getElementById('box').style.fontSize='14px';
document.getElementById('box').style.backgroundColor='#cfe7e7';
document.getElementById('box').style.color='#333';
document.getElementById('box').style.fontWeight='bold';
return false;">Sfondo Celeste</a>
|
<a href="#" onclick="document.getElementById('box').style.fontSize='14px';
document.getElementById('box').style.backgroundColor='#73848c';
document.getElementById('box').style.color='#fff';
document.getElementById('box').style.fontWeight='bold';
return false;">Sfondo Grigio</a>
</div>
<div id="box">
<h2>Titolo</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Omnicos directe al desirabilità de un nov.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Omnicos directe al desirabilità de un nov. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Omnicos directe al desirabilità de un nov.
</p>
</div>
grazie
ciao