sfondo diviso in due

19-04-2006, 15.16.46

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!

19-04-2006, 16.15.08

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!!

19-04-2006, 18.17.47

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>

19-04-2006, 19.24.19

grazie mille, come mai la parte di destra rimane sempre bianca?

**funcool** · 19-04-2006, 19.34.59

Se intendi quello di SoulHome devi fare così:
pagina.htm

Codice 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>

sfondo.js

Codice:

function color(){
document.getElementById('divuno').style.background = document.getElementById('color').value;
document.getElementById('divdue').style.background = document.getElementById('color2').value;
}

style.css

Codice:

#divuno {
	float: left;
	background: #000000;
	width: 80%;
	height: 100%;
}

#divdue {
	float: right;
	background: #0000FF;
	width:20%;
	height:
	100%;
}

19-04-2006, 21.24.59

grazieeee mille
buonaserata!

Discussione: sfondo diviso in due

LinkBack

Strumenti discussione

Display

sfondo diviso in due

Regole di scrittura