logo animato/doodle

Salve!

Mi sto immedesimando nella parte grafica del mio motore di ricerca, e visto anche la difficoltà ho deciso di non fare un logo stile immagine ma un logo animato, tipo certe volte i doodle di google...
Ho fatto finora solo questo: http://talkpluginorange.altervista.org/prova.html
(Guardate pure il sorgente)...
Ecco, prima di tutto vorrei dei consigli, anche se fin ora è sola una tavola colorata, vi piace, l'idea secondo voi è buona?
Vorrei inoltre sapere come posso aggiungere (Javascript?) effetti speciali, per esempio quando uno cliccherà su una tavola colorata al centro (qui già ho provveduto ad "azzionarla") vorrei che succedessero effetti speciali, che ne so le tavole si illuminano stile discoteca oppure appaiono dei "lampioni" che illuminano la tavola colorata, insomma un cinema
Mi potete fare un esempio di come fare? (Se volete vi dico esattamente l'effetto speciale che mi piacerebbe), se no fate voi.
Grazie mille

[radiodelmomento]

Pagina bianca, sorgente vuoto.

Cavolo scusami avevo per sbaglio tolto il lavoro vai a vedere ora: http://talkpluginorange.altervista.org/prova.html

[alemoppo]

Tramite javascript puoi modificare i vari parametri css. Quindi colore, dimensioni....

Se includi jQuery, puoi modificarlo tramite .css() e potresti far dei gradevoli effetti con .animate().

Se invece non includi jQuery per altre cose, allora puoi recuperare l'id con la getElementById() e modificare l'attributo style.

Ciao!

Ho visto l'attributo .animate(), simpatico!
Ok, allora dico l'effetto che vorrei...
Vorrei che al click del "play" button al centro in rosso le tavole si illuminassero e apparisse una scritta... (Illuminata), hai qualche guida del genere?
Comunque... secondo te l'idea è buona?

[alemoppo]

Non è che per ogni cosa che vuoi fare esiste una guida. Cercando, forse qualcosa si trova comunque... Ma non puoi aspettarti di trovare quello che vuoi fare già fatto... Anche perché l'unica soddisfazione per questo genere di cose, è riuscire a far qualcosa "di nuovo", senza copiare da nessuna parte: incollare una cosa già fatta lo può far chiunque .

Ciao!

Si, lo so. Ho provato a cercare "effetti javascript" ma non ho trovato quello che vorrei, anche lontanamente. Ma l'effetto che mi piacerebbe è possibile "applicarlo" o no?

[alemoppo]

Certamente!

Google ha fatto pacman, quindi si può fare qualsiasi cosa!

Ciao!

Che ficata!!!
Il mio problema sai qual'è? Che non so come fare questo effetto capisci?

[alemoppo]

Eh, allora prova a farlo, facendo piccoli passi. Sicuramente, almeno da parte mia, non avrai il codice già pronto... anche perché non so cosa vuoi fare di preciso.

Ciao!

Vorrei che al click del play button appaiono dei "lampioni" che illuminano una scritta...

[alemoppo]

Cerca su google.... non è difficile farlo.

Ciao!

Con la mia ricerca in tutte le definizioni non è uscito nulla attinente... https://www.google.com/search?q=effe...66a72422fd9740

[alemoppo]

Prima di tutto devi specificare cosa vuoi: si tratta di javascript.
Far apparire dei lampioni, corrisponde ad inserire un'immagine. Per colorare le scritte, puoi farlo via css come ti ho indicato sopra.

Quindi, la query su google sarà di questo tipo.

Ciao!

e per mettere l'effetto illuminato alla scritta?

[alemoppo]

Prova cambiando il colore, oppure aggiungendo un ombra (o entrambe le cose). {per come fare, cerca su google}.

Ciao!

Ho visto come mettere l'immagine in javascript, ma ho cercato su Google Immagini e le foto di lampioni e cose varie son tutte brutte, si può fare in css?
E poi una volta fatto, come lo posiziono in alto sopra la tavola colorata?

[alemoppo]

In css puoi posizionare le immagini, ma non disegnarle.... Se sei bravo a disegnarlo, puoi farlo con un programma del tipo paint (photoshop, gimp...).
Per posizionarlo, un modo è inserire l'immagine dentro un div, e posizionare quest'ultimo tramite css.... Oppure inserire un'immagine "normalmente", e tramite js imposti le proprietà visibility, o display (o entrambe) per far apparire/scomparire l'immagine.

Ciao!