• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Domanda Script immagini

gedamial

Utente Senior
Autore del topic
9 Giugno 2010
1.937
69
Miglior risposta
0
Salve.

Volevo chiedervi due cose:

1. Se andate
Perfavore, Entra oppure Registrati per vedere i Link!
, andando in fondo troverete questo:
Perfavore, Entra oppure Registrati per vedere i Link!
. Bene... come si allineano tre elementi (uno centrale, uno a sinistra e uno a destra) su una stessa linea?

2. Lo script. Prendiamo come esempio solo la
Perfavore, Entra oppure Registrati per vedere i Link!
. Se ci passate con il mouse sopra, essa cambierà in maniera graduale e non di scatto.
Le due immagini sono queste:
Perfavore, Entra oppure Registrati per vedere i Link!
e
Perfavore, Entra oppure Registrati per vedere i Link!
. Come fare questo script?

Grazie in anticipo!​
 
Salve.

Volevo chiedervi due cose:

1. Se andate
Perfavore, Entra oppure Registrati per vedere i Link!
, andando in fondo troverete questo:
Perfavore, Entra oppure Registrati per vedere i Link!
. Bene... come si allineano tre elementi (uno centrale, uno a sinistra e uno a destra) su una stessa linea?

2. Lo script. Prendiamo come esempio solo la
Perfavore, Entra oppure Registrati per vedere i Link!
. Se ci passate con il mouse sopra, essa cambierà in maniera graduale e non di scatto.
Le due immagini sono queste:
Perfavore, Entra oppure Registrati per vedere i Link!
e
Perfavore, Entra oppure Registrati per vedere i Link!
. Come fare questo script?

Grazie in anticipo!​

Per allineare i 3 elementi (Non vorrei dire una cazzata) ti basta fare <div align="left">Ciao</div> e così via.
 
1. Puoi farlo in 2 modi diversi:

Usando div e i css:
Html
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

CSS
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
oppure
Usando table:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

2. Io personalmente, ti consiglio di usare CSS piuttosto che Javascript;
Attribuisci all'immagine del box1 una transazione di 2s e togli la visibilità al passaggio del mouse:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Se vuoi fare l'effetto che appena si toglie un'immagine, quella di sotto rimane, bisogna fare un altro passaggio:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
mentre, nella pagina html metti:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Spero di esserti stato d'aiuto ^-^
 
Ultima modifica: