Commenti a: Creare un Parallax Design accattivante e Responsive con Bootstrap

Di: Salvatore

Salvatore — Tue, 17 Jan 2017 13:22:05 +0000

Grazie mille, questa guida è davvero utile ed è anche l’unica in italiano che ho trovato. Un saluto 🙂

Di: afmarchetti

afmarchetti — Tue, 15 Dec 2015 17:09:40 +0000

In risposta a Gianni. Ciao Gianni, prova ad impostare l'altezza del contenuto a 600px e vedere se ti da ancora problemi ;-)

Di: Gianni

Gianni — Tue, 15 Dec 2015 11:26:46 +0000

Ciao,
grazie al tuo tutorial ho creato una pagina con l’effetto descritto.
Ma non capisco come adattare la sezione, con l’immagine di fondo, alla risoluzione delle schermo (così come i suoi contenuti).
Esempio:
#sezione1{background: url(‘img/home/s1.jpg’) no-repeat center center fixed;
height:1080px;
position:relative;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;

Ho messo come altezza 1080px ma vorrei che si adattasse automaticamente senza creare spazi prima e dopo la sezione.

Grazie,
Gianni

Di: Simone

Simone — Sun, 18 Jan 2015 19:18:32 +0000

In risposta a Andrea Marchetti. Ciao, grazie della risposta, sapresti dirmi come poterlo modificare? Sempre se si può intervenire nello script scrollspy

Di: Andrea Marchetti

Andrea Marchetti — Wed, 14 Jan 2015 09:58:11 +0000

In risposta a Simone. Ciao Simone, li.active viene gestito dallo script scrollspy di bootstrap..

Di: Simone

Simone — Tue, 16 Dec 2014 18:28:49 +0000

Ciao, ho un semplice problema, non capisco dove andare a modificare per modificare il “li.active”, sai aiutarmi?

Di: Andrea Marchetti

Andrea Marchetti — Mon, 17 Nov 2014 12:55:20 +0000

In risposta a Andrea. Ciao Andrea, prova la soluzione che ho suggerito nel commento di dav..

Di: Andrea Marchetti

Andrea Marchetti — Mon, 17 Nov 2014 12:49:16 +0000

In risposta a dav. Ciao Dav, prova a copiare lo stile della demo nel tuo stile e vedi se ti da ancora problemi..

Di: Andrea Marchetti

Andrea Marchetti — Mon, 17 Nov 2014 12:37:52 +0000

In risposta a andrea.

Ciao Andrea, ho realizzato un altro tutorial sul effetto parallasse dai un occhiata:
http://www.marchettidesign.net/2014/09/creare-un-one-page-parallax-responsive-animato-con-skrollr/

Di: Andrea

Andrea — Wed, 12 Nov 2014 11:03:14 +0000

Ciao ottimo lavoro! Lo sto utilizzando come tutorial per imparare a farne di simili. Ora ne sta costruendo uno implementando un form nell’ultimo pannello e dei contenuti personalizzati composti da testo e immagini con effetto lightbox. Nella realizzazione ho notato alcuni comportamenti che vorrei modificare, ma non riesco a capire come intervenire senza rovinare il funzionamento generale del sito. Uno di questi problemi è il ridimensionamento delle immagini di fondo dei pannelli durante la visualizzazione su schermi dei smartphone, le immagini rimangono enormi e quindi se ne visualizza solo una piccola porzione rendendo l’immagine incomprensibile. Hai un’idea da darmi per risolvere questo problema? Ho provato a creare una classe personalizzata nelle media queries del file CSS ma non ci sono riuscito… Aiuto! Grazie