Vi piace? Stavolta ho usato una di quelle presenti nel mio shop su etsy, anche se l'ho modificata un pochettino :P
E ora passiamo al piccolo tutorial di oggi: links con 'transition effect' !
Avete notato l'effetto del mio menu in alto? Quello sotto il logo...
Ecco quello è l'effetto 'transition', ossia passare da un colore ad un altro, quando si passa su col mouse, con un specie di effetto 'fade' .
Non è complicato ottenere questo effetto, bisogna solo aggiungere una piccola voce negli stili dei links, ossia quello scritto in grassetto:
a:link {Il valore numerico sta ad indicare il numero dei secondi che impiega l'effetto a passare dal colore iniziale a quello d'arrivo; potete cambiarlo a seconda del vostro gusto.
text-decoration:none;
color: $(link.color);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
Se lo provate, mi raccomando scrivetemi se l'effetto vi garba o no ;)
Che bella rinfrescata!
RispondiEliminaSempre pù belllo e più fresco il tuo blog!
Grazie mille per la dritta!
Un valore aggiunto certamente.
Mary
Grazie Mary ♥
EliminaTutto bellissimo!
RispondiEliminaBellalullo
Grazie Bellalullo :D
Eliminami piace tantissimo la nuova grafica :) bravissima! non riesco xò a capire l'effetto del tutorial..o meglio, non l'ho visto qui nel tuo blog :/
RispondiElimina...domanda da una principiante-ante-ante ;)...di che link stai parlando che non vedo il tasto in blogger!?
RispondiEliminaHai ragione, qui praticamente parlo per chi già conosce come arrivare nell'HTML del blog.
Eliminada 'MODELLO' (che trovi nel menu a sinistra del pannello amministrativo del tuo blog) anziché scegliere 'personalizza' clicca su 'MODIFICA HTML' scorrendo la finestra che ti si apre troverai dei codici, tra cui uno con la scritta 'a:link'...ecco lì, fra le parentesi graffe, devi incollare quel codice che ho scirtto in grassetto :)
Grazie lo faccio subitissimo:)))
RispondiEliminaEvvai fatto tutto: sei bravissima a spiegare!thanks
RispondiEliminagrazieee♥
Eliminaciao Simona,
RispondiEliminami dai il link per il tuo shop su etsy?
grazie!
germana
ciao cara, purtroppo non ho più il negozietto su etsy...è un po' complicato -.-
Eliminane ho parlato qui nuovo inizio
Ciao Simona, scusa la domanda, ma come hai fatto ad inserire le immagini sotto il titolo, tra l'altro ognuna con un link di rimando? Vorrei farlo anch'io ma non saprei proprio da dove cominciare... Magari c'è già un tutorial sull'argomento, me lo sono perso...
RispondiEliminaTi ringrazio in anticipo! ;)
Ciao Anne, puoi seguire questo mio tutorial su come inserire le immagini nelle tabelle (così come sono le mie), poi ho inserito tutto il codice all'interno del gadget HTML/Javascript e ho trascinato questo stesso gadget subito sopra l blocco dei post :)
EliminaPer vedere un'anteprima e verificare se procedi correttamente puoi inserire i codici in un post di prova ;)
e beh certo se non ti dò il link del tutorial... -.-
Eliminainserire le immagini nelle tabelle
Grandissimaaaa!! Hahahahahaha!!! Mi fai morire! XD
EliminaGrazie mille Simona, sei un tesoro! :*
Ma grazie *__* ♥
Elimina