Vai al contenuto

Logo Effetto Fade

Featured Replies

Inviato

Stavo controllando nella sezione Guide, questo tutorial:

http://www.invisionita.it/forum/tutorials/article/166-logo-effetto-fade/

Il problema, è che in quel css, io ho (come credo tutti noi), questo codice:


#logo { display: inline; }

Come bisogna modificarlo per avere l'effetto Fade?

Inviato

Devi trovare

#logo a{

e se gli attributi (valori all'interno delle graffe) non si ripetono allora dopo la graffa di chiusura aggiungi

#logo a:hover{opacity:0.8}#logo a:active{opacity:0.6}

questo codice riguarda solo l'opacità del link non dell'immagine!

Se lo vuoi progressivo ovvero parte da un'opacità del 60% arrivando in progressione dopo 1 secondo al 100% è un altro codice!!

Inviato
  • Autore

Io:

#logo a{

non lo ho proprio O_o

Ho solo:


#logo { display: inline; }

Ho provato anche ad aprire il css con un editor di testo, ma non ce ne è traccia.

Inviato

Per cercare nei file si usa CTRL+F (firefox e anche in altri browser)

Allora in fondo al css copia il codice


#logo a:hover{opacity:0.8}#logo a:active{opacity:0.6}

e dovrebbe funzionare ...

Inviato
  • Autore

Così facendo, funziona ;)

Come sempre, grazie per la disponibilità e il supporto ^^

Per favore accedi per lasciare un commento

Potrai lasciare un commento dopo aver effettuato l'accesso

Accedi Ora

Chi sta navigando 0

  • Nessun utente registrato visualizza questa pagina.

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.