Joomla.it Forum

Joomla! 3 => Joomla! 3 => : marizu 24 Sep 2015, 12:43:42

: Info navbar
: marizu 24 Sep 2015, 12:43:42
Buongiorno a tutti, ho visto una navbar con un effetto sul logo molto bello; in pratica scorrendo la pagina la navbar rimane fissa in alto e il logo si rimpicciolisce. Per fissarla in alto nessun problema, ma mi chiedo come agire per far cambiare stato al logo...sarò io che non ci arrivo mah...ho cercato un modulo simile ma niente e anche sui vari siti che trattano Bootstrap non ho trovato nulla...
Mi date un'indizio?  ;)

Grazie!
: Re:Info navbar
: lucantropo 24 Sep 2015, 18:55:29
Sarebbe meglio che mettessi un link al sito di cui parli per capire bene di cosa stai parlando.
In ogni caso a spanne credo che sia un effetto creato tramite javascript.
: Re:Info navbar
: marizu 24 Sep 2015, 18:59:29
Grazie per la risposta, sinceramente non l'ho messo perché non volevo essere tacciata di spam...! Comunque eccolo, prego i moderatori di rimuoverlo in caso non abbia fatto bene ad inserirlo.

www.passionemontagna.com

ho visto anche molti siti americani che hanno quest'effetto
: Re:Info navbar
: Salvatore.AM 24 Sep 2015, 19:14:42
sto cercando di capirci qualcosa anche io l'ho visto su questo sito http://www.marinadivenezia.it/ita/ (http://www.marinadivenezia.it/ita/)


bisogna vedere bene i css









: Re:Info navbar
: lucantropo 24 Sep 2015, 20:07:35
Grazie per la risposta, sinceramente non l'ho messo perché non volevo essere tacciata di spam...! Comunque eccolo, prego i moderatori di rimuoverlo in caso non abbia fatto bene ad inserirlo.

www.passionemontagna.com (http://www.passionemontagna.com)

ho visto anche molti siti americani che hanno quest'effetto

Ho guardato un po il sito, credo che tutto sia pilotato da un script del template. Non so però se questo template sia commerciale o no quindi non so se sia consentito parlarne.

sto cercando di capirci qualcosa anche io l'ho visto su questo sito http://www.marinadivenezia.it/ita/ (http://www.marinadivenezia.it/ita/)


bisogna vedere bene i css


In questo caso sembra utilizzino un canvas html 5 ed un immagine svg che serve per fare l'animazione. Di nuovo credo tutto pilotato da uno script
: Re:Info navbar
: tomtomeight 24 Sep 2015, 20:10:17
Lo stesso effetto e presente nel template force1 che è free, magari puoi evincere da li il codice o utilizzare direttamente il template.
: Re:Info navbar
: Salvatore.AM 24 Sep 2015, 22:07:44
grazie do un occhiata
: Re:Info navbar
: marizu 24 Sep 2015, 23:30:49
Lo stesso effetto e presente nel template force1 che è free, magari puoi evincere da li il codice o utilizzare direttamente il template.

Grazie ci guardo subito!
: Re:Info navbar
: Salvatore.AM 25 Sep 2015, 11:02:41
Ciao ho trovato un tutorial in inglese con tanto di codice http://callmenick.com/post/animated-resizing-header-on-scroll (http://callmenick.com/post/animated-resizing-header-on-scroll)
 8)