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

  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 😉

    • 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 😉

  3. @MINIMAC
    Ho creato i pulsanti anche per gli altri social, se vuoi dammi un tuo contatto che te li invio 🙂

Lascia una risposta

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