ROBObutton! Un marchingegno con JS, CSS e tanta fantasia!

Buongiorno, è da molto che non faccio tutorial e un pò oggi ne ho sentito la mancanza cosi in 2 orette ho fatto un file PSD ed un marchingegno alquanto particolare che potete usare se siete bravi a copiare ed incollare nel vostro tema WordPress.

Questo non sarà un tutorial, ma potrete direttamente scaricare questo bottone animato per il vostro Social Network e perchè no cimentarvi nel modificare il file PSD in allegato ed aggiungere per esempio Facebook, Google + o tanti altri, io personalmente prediligo Twitter come social, quindi a voi la scelta.

Andatelo subito a provare e scaricare! PS: lo ho chiamato cosi perché mi sembra giusto! 🙂

ANTEPRIMA

 

22 commenti su ROBObutton! Un marchingegno con JS, CSS e tanta fantasia!

  1. ciao , veramente fantastico il robobutton, ora che hai finito ispaziomac che ne dici di fare un tutorial di come fare lo slide to unlock con il jquery?

  2. Ciao,
    Ho notato che quando viene eseguito il mouseover prima dell’ “apertura” completa, viene mostrata l’immagine di follow me.
    Credo che tu non ci abbia fatto caso.
    Metti il fadeout partendo dall’opacità dell’immagine -> 0 😉

    1. Fix:


      },function() { //mouseout
      $(“a.robolink”).clearQueue().fadeOut(500);

      Infatti, con stop(true, true) elimini la coda, ma l’animazione termina portando l’opacità 1 del fadeIn.
      Con stop(true, false) elimini la coda, ma l’animazione viene prima terminata.

      Credo tu lo sappia anche meglio di me, spero di averti aiutato in qualche modo 😉

    2. ups! Hai anche ragione, grazie per il consiglio ho notato solo ora…. sai in due orette a fare le cose veloci 😀 grazie ancora!

    1. bé se non sei esperto in queste cose è difficile spiegarlo in un commento, anche perché ci vorrebbe solo 1 tutorial per questo…

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *