HTML: select per cambiare i colori delle sfondo (max4001976), select collegato alle classi css interne alla pagina web (ma volendo anche esternamente

« Older   Newer »
  Share  
max_400
view post Posted on 19/12/2010, 02:09     +1   -1




HTML: select per cambiare i colori delle sfondo (max4001976)

select collegato alle classi css interne alla pagina web (ma volendo anche esternamente

ecco il codice:

HTML
<head>

<title>Scegliere il colore di sfondo da una select</title>

<style>

body {
font-family: "trebuchet ms", trebuchet, georgia, verdana, arial, sans-serif;
font-size:1em;
text-align: center;
}

.menu{
width:150px;
}

.verde{
background:green;
color:#fff;
}

.giallo{
background:#f90;
color:#fff;
}

.arancio{
background:#f60;
color:#fff;
}

.celeste{
background:#09d;
color:#fff;
}

</style>

</head>


<body bgcolor="#ffffff">



<form action="" name="form1">

<select onchange="document.bgColor=this.options[this.selectedIndex].value" class="menu">
<option value="#ffffff" label="Seleziona"> Scegli il colore</option>
<option value="green" label="verde" class="verde">verde</option>
<option value="#ff9900" label="giallo" class="giallo">giallo</option>
<option value="#ff6600" label="orange" class="arancio">arancio</option>
<option value="#0099dd" label="celeste" class="celeste">celeste</option>
</select>
</form>


</body>

</html>


naturalmente non c'č bisogno di usare per forza i numeri il codice dei colori
ma potete scrivere drettamente lightblue (bluchiaro) lightgreen (verdechiaro) yellow - (giallo) pink (rosa) ecc

 
Top
max_400
view post Posted on 30/6/2013, 12:58     +1   -1




up
 
Top
maxmaxuell
view post Posted on 2/1/2016, 22:35     +1   -1




657
 
Top
2 replies since 19/12/2010, 02:09   219 views
  Share