Printable View
Buongiorno ragazzi, volevo chiedervi se sapete come ottenere uno sfondo diviso in due, con due colorazioni diverse: esempio http://www.ariannagasperina.com/
Se č possibile realizzarlo con l'uso di un .css e se č possibile anche far decidere il visitatore le colorazioni delle due parti.
Grazie mille!
Una soluzione potrebbe essere creare un immagine con altezza anche solo di un pixel (cos' si riesce a caricare pių in fretta, con i due colori che vuoi.
Ecco un esempio di quello che intendo: http://allo.altervista.org/prova/
Pro: non so cos'altro proporre
Contro: dovresti farne uno per tutte le risoluzioni (o almeno per gli 800x600, 1024x728 e 1280x1024)..
Ciao!!
puoi farlo anek sneza aiuto di immagini...ecco un esempio (c'č anke il codice x far cambiare i colori all'user)
Codice HTML:<html>
<head>
<title>Background di 2 Colori</title>
<script language="javascript" type="text/javascript">
function color(){
document.getElementById('divuno').style.background = document.getElementById('color').value;
document.getElementById('divdue').style.background = document.getElementById('color2').value;
}
</script>
</head>
<body style="margin: 0px;">
<div id="divuno" style="float:left; background:black; width:80%; height: 100%;">
Inserire il colore:<br>
1#<input id="color" type="text" value="#FFFFFF">
2#<input id="color2" type="text" value="#FFF000">
<input type="button" onclick="javascript:color();" value="OK">
</div>
<div id="divdue" style="float:right; background:blue; width:20%; height: 100%;">
</div>
</body>
</html>
grazie mille, come mai la parte di destra rimane sempre bianca?
Se intendi quello di SoulHome devi fare cosė:
pagina.htm
sfondo.jsCodice HTML:<html>
<head>
<title>Background di 2 Colori</title>
<script language="javascript" type="text/javascript" src="sfondo.js"></script>
<link rel="StyleSheet" href="style.css" title="Style" type="text/css">";
</head>
<body style="margin: 0px;">
<div id="divuno">
Inserire il colore:<br>
1#<input id="color" type="text" value="#FFFFFF">
2#<input id="color2" type="text" value="#FFF000">
<input type="button" onclick="color();" value="OK">
</div>
<div id="divdue">
</div>
</body>
</html>
style.cssCodice:function color(){
document.getElementById('divuno').style.background = document.getElementById('color').value;
document.getElementById('divdue').style.background = document.getElementById('color2').value;
}
Codice:#divuno {
float: left;
background: #000000;
width: 80%;
height: 100%;
}
#divdue {
float: right;
background: #0000FF;
width:20%;
height:
100%;
}
grazieeee mille
buonaserata!