Codice accendi/spegni "crea argomento" - Forum Attivo

[Admin]

Questo codice è solo compatibile con la piattaforma forum attivo.
La sua funzione è quello di applicare al "Crea Argomento" e "Rispondi" un effetto accendi/spegni!
Il codice da inserire è questo:

Codice:

/*Creare argomento accendi/spegni by wikiinfo.forumattivo.it*/
.buttons {
  opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
  }

.buttons:hover {
  opacity:1.9;
  }
/*The and*/

[Draken]

Fitico, veramente utile,
ciao ciao

[Nadia]

Salve admin,
questo tutorial mi è molto piaciuto, bravo ! 
Ora vorrei aggiungere però lo stesso effetto anche sugli altri pulsanti, 
messaggi, profilo, sito web, email e online.

Sui pulsanti messaggi , online e profilo sono riuscita a ricreare lo stesso effetto aggiungendo al codice questo :

Codice:

.i_icon_profile {
  opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
  }

.i_icon_profile:hover {
  opacity:1.9;
  }


.i_icon_pm {
  opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
  }

.i_icon_pm:hover {
  opacity:1.9;
  }

.i_icon_online {
  opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
  }

.i_icon_online:hover {
  opacity:1.9;
  }


Non riesco però con i pulsanti sito web ed email.
Hai qualche suggerimento ? 

[Admin]

Ciao Nadia, non conosco il tuo forum ma posso darti qualche dritta per capire come fare. In pratica ti basta fare "ispeziona elemento" con il tasto destro su Google Chrome o Firefox sopra gli elementi che vuoi modificare. Una volta fatto ciò, troverai dei "div" che identificano l'elemento. Se passi sopra i pulsanti "messaggi, profilo ecc." e fai la stessa cosa, noterai che il testo presente nel div corrisponde a quello presente nel CSS.

Per questo codice devi praticamente copiare tale e quale il codice CSS e sostituire i nomi. Ti faccio notare che per farlo funzionare devi dublicare anche il testo della parte dedicato all'hover.

Scusa se non riesco a farti un esempio concreto ma ultimamente non ho il Pc a disposizione.

Fammi sapere se sei riuscita a capire ed eventualmente approfondiamo

Buone feste

[Nadia]

grazie admin,
credo proprio di aver bisogno del tuo aiuto 
ti spiego, questo passaggio che dici tu l'ho gia fatto e infatti 
ho trovato il nome corretto dei pulsanti che sono riuscita a far funzionare....
ad esempio, per il tasto messaggi la parola da mettere nel codice è pm mentre per il profilo è profile ma da come puoi vedere dallo stamp, manca la classe per la mail e il sito web 



 non so  a che classe appartengono questi due tasti.  , email e sito web....
non li trovo da nessuna parte 


sto facendo alcune prove nel forum di prova che è questo


http://sandrateste.forumattivo.it/forum



mentre il mio forum è questo


www.solaris-flashegrafica.com


ti ringrazio se potrai darmi una mano 

[Admin]

Ciao, effettivamente hai ragione, bisognerebbe allora lavorare su un div che comprende tutto il box utente. Dato che io non ho modo di usare il PC, prova a descrivere il problema sul forum di supporto di ForumAttivo e dovrebbero risponderti .

[Nadia]

si, infatti avevo pensato anche io che bisognerebbe creare una classe 
per questi pulsanti che vada nel template e che poi vengano richiamati dal css con l'effetto voluto.
Ok, stasera allora farò così, chiederò un s.o.s. nel fdf .
Grazie per il tuo aiuto 

[Contenuto sponsorizzato]