Schimbarea culorii de background
:: Despre Forumgratuit :: :: Tutoriale
Pagina 1 din 1 • Impartiti •
Schimbarea culorii de background
Schimbarea culorii de background - Metoda 1


- Cod:
<HEAD><script language="Javascript">
<!--
function backcolor(form){
temp = ""
for (var i = 0; i < 16; i++) {
temp = form.color[i].value
if (form.color[i].checked){ document.bgColor = temp }
}
}
function randombackground(){
document.bgColor = getColor()
}
function getColor(){
currentdate = new Date()
backgroundcolor = currentdate.getSeconds()
if (backgroundcolor > 44)
backgroundcolor = backgroundcolor - 45
else if (backgroundcolor > 29)
backgroundcolor = backgroundcolor - 30
else if (backgroundcolor > 15)
backgroundcolor = backgroundcolor - 16
if (backgroundcolor == 0 )
return "olive";
else if (backgroundcolor == 1 )
return "teal";
else if (backgroundcolor == 2 )
return "red";
else if (backgroundcolor == 3 )
return "blue";
else if (backgroundcolor == 4 )
return "maroon";
else if (backgroundcolor == 5 )
return "navy";
else if (backgroundcolor == 6 )
return "lime";
else if (backgroundcolor == 7 )
return "fuchsia";
else if (backgroundcolor == 8 )
return "green";
else if (backgroundcolor == 9 )
return "purple";
else if (backgroundcolor == 10 )
return "gray";
else if (backgroundcolor == 11 )
return "yellow";
else if (backgroundcolor == 12 )
return "aqua";
else if (backgroundcolor == 13 )
return "black";
else if (backgroundcolor == 14 )
return "white";
else if (backgroundcolor == 15 )
return "silver";
}
// -->
</script></HEAD>
<BODY><form>
<input type="button" value="Schimbă culoarea!" onClick="randombackground()">
</form></BODY>
Folosind acest script, în pagina dvs. va apărea un buton pe care va scrie: Schimbă culoarea!
Apăsând pe el, culoarea de fundal se va schimba aleatoriu.
Aici poți schimba textul de pe buton ...<input type="button" value="Schimbă culoarea!" onClick="randombackground()">
Ezlidor
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.
Ultima editare efectuata de catre ezlidor in Vin 19 Iun 2009, 3:30 pm, editata de 1 ori
Re: Schimbarea culorii de background
Schimbarea culorii de background - Metoda 2

- Cod:
<SCRIPT LANGUAGE="JavaScript">
var hex = new Array(6)
hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4] = "33"
hex[5] = "00"
function display(triplet) {
document.bgColor = '#' + triplet
alert('Noua culoare de fundal este #' + triplet)
}
function drawCell(red, green, blue) {
document.write('<TD BGCOLOR="#' + red + green + blue + '">')
document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')
document.write('<IMG SRC="images/line.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
document.write('</A>')
document.write('</TD>')
}
function drawRow(red, blue) {
document.write('<TR>')
for (var i = 0; i < 6; ++i) {
drawCell(red, hex[i], blue)
}
document.write('</TR>')
}
function drawTable(blue) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
for (var i = 0; i < 6; ++i) {
drawRow(hex[i], blue)
}
document.write('</TABLE>')
}
function drawCube() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1 BORDERCOLOR="#CCCCFF"><TR>')
for (var i = 0; i < 6; ++i) {
document.write('<TD BGCOLOR="#FFFFFF">')
drawTable(hex[i])
document.write('</TD>')
}
document.write('</TR></TABLE>')
}
drawCube()
</SCRIPT>
Folosind acest script, în pagina dvs. va apărea un tabel cu șase celule, fiecare celulă conținând 36 de culori.
Apăsați pe una din culori pentru a alege culoarea de fundal.
Imediat ce ați ales culoarea, se va deschide o icoană pop-up cu mesajul: " Noua culoare de fundal este #XXXXXX "
Ezlidor
Ultima editare efectuata de catre ezlidor in Vin 19 Iun 2009, 3:35 pm, editata de 2 ori
Re: Schimbarea culorii de background
Schimbarea culorii de background - Metoda 3

- Cod:
<h1><font face="Arial" size="2"><b>Alege o culoare</b></font></h1>
<table border="0" cellpadding="2">
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='yellow'">Yellow</font></td>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='blue'">Blue</font></td>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='silver'">Silver</font></td>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='800000'">Maroon</font></td>
<tr>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='red'">Red</font></td>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='green'">Green</font></td>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='lightblue'">Lightblue</font></td>
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='white'">White</font>
</td>
</tr>
</form></table>
Folosind acest script, în pagina dvs. va apărea un tabel cu opt celule, fiecare celulă conținând câte o culoare, culoare ce poate fi aleasă prin bifarea butonului radio.
Bifând un buton, culoarea de fundal se va schimba automat.
Puteți adăuga culori noi adăugând codul de mai jos înaintea tagurilor
- Cod:
</tr></form></table>
- Cod:
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='COD CULOARE'">NUME CULOARE</font>
</td>
Ezlidor
Ultima editare efectuata de catre ezlidor in Vin 19 Iun 2009, 3:40 pm, editata de 1 ori
Subiecte similare» cod background forum
» CSS - Prescurtare cod pentru a schimba forma unui text
» Cum bag un scris intr-un background?
» Schimbarea dimensiuni imagini in HTML
» Background Counter Strike 1.6
» CSS - Prescurtare cod pentru a schimba forma unui text
» Cum bag un scris intr-un background?
» Schimbarea dimensiuni imagini in HTML
» Background Counter Strike 1.6
:: Despre Forumgratuit :: :: Tutoriale
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

Acasa


Scris de ezlidor la data de Vin 19 Iun 2009, 5:32 am



Am pierdut parola!
Acces direct

Devino fan Forumgratuit
» Cerere Baner
» Cerere Banner
» Propuneri - Prezentari forumuri
» Webb-Tags
» As dori o tema punbb frumoasa
» Cerere bara
» se suprapun niste butoane una peste alta
» Bara peste linkurile calendar,galerie
» Cum pot aduce acesta cifra la stanga ?
» Cerere imagini
» cum pot separa semnatura de mesaj printr-un chenar?
» [Subiect-Unic] Dependenta de internet
» Cerere banner
» Cerere Logo
» cerere motd
» Cerere avatar.
» [Cerere] Ranguri Urgente
» Cum pun mini imagine in fata unui grup
» graph-kawaii
» WideGFX
» cum fac si eu asa profilul
» Cum scot chenarele acestea?
» Cum schimb culoarea la numarul de mesaje
» Mai multi Moderatori la un Grup.
» Cerere Ranguri.
» Actualizari noi: Reguli specifice fiecarui forum, posibilitatea dezactivarii codurilor JS, optimizare footer si altele
» GraphicART
» imi iese niste chestii din chenar la profil
» Comanda