pannellino per cambiare colore alle pagine tramite css e JS

User Name · 10 Mar 2008

ciao a tutti vorrei sapere se conoscete uno script già fatto per ottenere l'effetto come in questo sito:

in alto a destra è possibile cliccare sull'immagine del pennello per far aprire un menu dal quale scegliere il colore da attribuire alla pagina.
inoltre mi sembra di aver capito che il colore si sovrappone ad una immagine griga con una trama. è possibile?
grazie mille

Segnala

lukeonweb · 10 Mar 2008

Lo script per aprire il box è simile a quello che ti mostro in questo esempio di menu:

http://www.menujavascript.org/menu-1/horizontal-menu.html

In questo modo apri il "sottomenu" sovrapponendolo agli elementi HTML che ci sono sopra.

Per cambiare la skin alla pagina è sufficiente che imposti un ID al body:

<body id="CorpoPagina">

e lo usi per accedere dinamicamente attraverso Javascript e cambiare lo sfondo.

Ad esempio il verde:

document.getElementById("CorpoPagina").style.backgroundColor = "#0aaa0a";

Ciao!

User Name · 10 Mar 2008

grazie 1000!!

credo di aver capito e non mi pare neanche difficilissimo...almeno spero!!!

ma secondo te la pagina che ti ho fatto vedere ha un'immagine grigia di sfondo alla quale si sovrappone il colore? se si do un image-background al body + un id corpopagina?

e document.getElementById("CorpoPagina").style.backg roundColor = "#0aaa0a";

dove lo metto? ad esempio scrivo verde e lo linko a onclic"document.getElementById("CorpoPagina").style.backg roundColor = "#0aaa0a";

"

grazie ancora

lukeonweb · 10 Mar 2008

Non credo abbia un'immagine di sfondo, applicano "solo" un effetto fade via Javascript, per questo vedi che il box coi colori si scurisce e si attiva a seconda di eventi come il mouseover o altri (non mi piace molto com'è gestito).

Per altro il box con Firefox si sformatta un po, anche se l'effetto fade funziona.

Fammi sapere

User Name · 10 Mar 2008

non so se ho capito ma te intendi il pannellino dove ci sono i quadratini dell'immagine che rimane trasparente fin quando non ci si va sopra col muose?

a me piace la pagina il corpo pagina che ha quella sfumatura trasversale sul bianco stile sfondo macOSX per intenderci.
che si mantiene a presindere del colore che viene applicato.

quello come si fa?

ehe scusa se sono un po' ciuo!

lukeonweb · 10 Mar 2008

E' un pochino più complicato.

Fossi in te mi concentrerei sulla funzionalità di base per il cambio delle skin.

Poi lo stilizzi al meglio.

Fammi sapere!

User Name · 10 Mar 2008

ciao!
ho provato così ma non succede nulla

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bg</title>
</head>

<body id="CorpoPagina" style="background-color:#FFFFFF;">






<a href="#" onclick="document.getElementById("CorpoPagina").style.backgroundColor = "#0aaa0a";">verde</a> <a href="#" onclick="document.getElementById("CorpoPagina").style.backgroundColor = "#0000FF";>blu</a>

</body>
</html>

devo mettere qualcos'altro?
grazie

Cerca

Cerca

pannellino per cambiare colore alle pagine tramite css e JS

User Name

Utente Attivo

lukeonweb

Utente Attivo

User Name

Utente Attivo

lukeonweb

Utente Attivo

User Name

Utente Attivo

lukeonweb

Utente Attivo

User Name

Utente Attivo

Discussioni simili