Back to top

Autore Topic: Info navbar  (Letto 1971 volte)

Offline marizu

  • Esploratore
  • **
  • Post: 81
  • Sesso: Femmina
    • Mostra profilo
Info navbar
« il: 24 Set 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!

Offline lucantropo

  • Appassionato
  • ***
  • Post: 708
  • Sesso: Maschio
    • Mostra profilo
Re:Info navbar
« Risposta #1 il: 24 Set 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.

Offline marizu

  • Esploratore
  • **
  • Post: 81
  • Sesso: Femmina
    • Mostra profilo
Re:Info navbar
« Risposta #2 il: 24 Set 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

Offline Salvatore.AM

  • Esploratore
  • **
  • Post: 52
  • Sesso: Maschio
    • Mostra profilo
Re:Info navbar
« Risposta #3 il: 24 Set 2015, 19:14:42 »
sto cercando di capirci qualcosa anche io l'ho visto su questo sito http://www.marinadivenezia.it/ita/


bisogna vedere bene i css










Offline lucantropo

  • Appassionato
  • ***
  • Post: 708
  • Sesso: Maschio
    • Mostra profilo
Re:Info navbar
« Risposta #4 il: 24 Set 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

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/


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

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Info navbar
« Risposta #5 il: 24 Set 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.

Offline Salvatore.AM

  • Esploratore
  • **
  • Post: 52
  • Sesso: Maschio
    • Mostra profilo
Re:Info navbar
« Risposta #6 il: 24 Set 2015, 22:07:44 »
grazie do un occhiata

Offline marizu

  • Esploratore
  • **
  • Post: 81
  • Sesso: Femmina
    • Mostra profilo
Re:Info navbar
« Risposta #7 il: 24 Set 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!

Offline Salvatore.AM

  • Esploratore
  • **
  • Post: 52
  • Sesso: Maschio
    • Mostra profilo
Re:Info navbar
« Risposta #8 il: 25 Set 2015, 11:02:41 »
Ciao ho trovato un tutorial in inglese con tanto di codice http://callmenick.com/post/animated-resizing-header-on-scroll
 8)

 



Web Design Bolzano Kreatif