Vai al contenuto

Sezioni che si illuminano al passaggio del mouse

Featured Replies

Inviato

Salve :ph34r: ,

 

son sempre io, :lol:  Come da titolo mi piacerebbe sapere se è possibile far si che le varie sezioni del mio forum si illuminano al passaggio del mouse su di esse..

 

Grazie in anticipo a chiunque voglia aiutarmi :)

Modificato da Lastonixx

Risolta da BomAle

Vai alla soluzione
Inviato

POTRESTI METTERE IL LINK DEL TUO FORUM? ci do un okkiata poi ti dico

Inviato
  • Autore

Salve trattore :),

 

ecco qui:  http://italiansurfers.net23.net/

Inviato

ok prova ad andare nel tuo pca successivamente nella gestione del tuo tema in ipb_styles.css aggiungi questo 

.row1:hover { color: #328586; }

 cambia il colore comevuoi tu dovrebbe funzionare

Inviato
  • Autore

con quel codice succede questo:

 

post-2399-0-55624700-1401115765_thumb.pn

 

si colorano alcune scritte delle sezioni al passaggio del mouse , io invece vorrei tipo una cosa del genere:

 

post-2399-0-07631700-1401116296_thumb.pn

 

cioè che cambia il colore di sfondo delle sezioni quando passo sopra con il cursore su di esse, no le scritte :)

 

non so se mi sono spiegato bene xD

Modificato da Lastonixx

Inviato
  • Soluzione
#categories .row1:hover, #categories .row2:hover {    background: rgba(255, 255, 255, 0.65);}

questo ti permette di aggiungere un "bagliore" chiaro al passaggio del cursore. cambia 0.65 con l'opacità che vuoi, più si avvicina a 1 più si schiarisce...

Inviato
  • Autore
#categories .row1:hover, #categories .row2:hover {    background: rgba(255, 255, 255, 0.65);}

questo ti permette di aggiungere un "bagliore" chiaro al passaggio del cursore. cambia 0.65 con l'opacità che vuoi, più si avvicina a 1 più si schiarisce...

 

 

Grande Funziona!! :D...

 

PS: e se vorrei cambiare colore del bagliore? si puo fare?:)

Inviato

si usa i colori html esadecimali come #ccc o green/orange/red/brown...

Inviato
  • Autore

Ok risolto grz mille :)

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.