Back to top

Autore Topic: Effetto parallasse su posizione, header e modulo.  (Letto 1692 volte)

Offline RepairWare

  • Nuovo arrivato
  • *
  • Post: 36
    • Mostra profilo
Effetto parallasse su posizione, header e modulo.
« il: 13 Set 2014, 13:06:13 »
Salve,
premetto che ho cercato già sul forum ed in rete ma mi sono perso in una miriade di tutorial con HTML, CSS, JQuery. Semplicemente cercavo, se esiste, un componete che mi permetta di far scomparire l'header con effetto parallasse quando inizio a scrollare verso il basso.
In caso non esistesse, conoscete qualche codice html/css abbastanza semplice poichè sono alle prime armi col codice puro?
Gli header su cui agire sono questo(disegnato con programma a pagamento), e questo in cui sto imparando ad usare il framework Helix presente in questo template avuto in regalo per essermi iscritto al sito dello sviluppatore.
Vi ringrazio in anticipo per la cortesia  :) .

Offline claudiocarrera

  • Appassionato
  • ***
  • Post: 612
  • Sesso: Maschio
  • Sviluppo siti web Brescia
    • Mostra profilo
Re:Effetto parallasse su posizione, header e modulo.
« Risposta #1 il: 13 Set 2014, 22:48:45 »
mmhhh mi sà che stai facendo un pò di confusione.... allora:

Effetto parallasse per intenderci è questo:
http://www.html.it/articoli/47572/demo-finale.html

In pratica questo effetto consiste nel far scrollare una pagina in un punto ogni volta che un utente clicca su un link, e ogni volta che finisce uno scroll, vedi solo il contenuto di quella "pagina" anche se in realtà stai visualizzando sempre la stessa pagina e non la stai cambiando.
Il menu è sempre visibile, ma non centra con effetto parallasse, è visibile perché impostato con il codice css su "position:fixed".
Quindi: effetto parallasse o meno, se vuoi che il menu non scrolli insieme alla pagina,lo decidi nel codice del template.

Come funziona effetto parallasse? in pratica invece di avere un link ad una determinata pagina, si fa il link ad una ancora posizionata nella pagina e tramite codice javascript si dice scrollare piano piano fino a quell'ancora.

Ma come si imposta effetto parallasse? come si cambia il codice css? tramite template.

Quindi componente no, non centra assolutamente niente, e non penso che su framework come helix ci sia qualcosa per fare questo effetto che va un po contro la logica di joomla.

Se non hai esperienza di codici html/css  come mi parso di capire, il mio consiglio è di cercare un template pensato per usare questo effetto, non credo ce ne siano tanti in giro.
Claudio Carrera - claudio@3rd-graphic.it
partita iva: 03597950983
tel: 338 9433727

Offline RepairWare

  • Nuovo arrivato
  • *
  • Post: 36
    • Mostra profilo
Re:Effetto parallasse su posizione, header e modulo.
« Risposta #2 il: 13 Set 2014, 23:28:10 »
Ti ringrazio per la risposta prima di tutto  :D .
Si in effetti sono stato un pò confusionario, beh la speranza che ci sia sempre un modulo non è mai vana(ho trovato qualcosa, ma non fà al caso mio).
La demo di HTML.it l'ho già vista, in pratica sto cercando di far "sparire" l'header con quello che mi sembra l'effetto parallasse, ma con scarsi risultati; mi sono da poco avvicinato al css poichè prima utilizzavo un programma per disegnare il template e che mi compilava i codici, ora sto prendendo dimestichezza con i template professionali da rimodellare nel codice e i framework(che non conoscevo affatto).
Comunque sia nel secondo sito sto cercando di bloccare il menù tramite il position:fixed ma non funge(forse sono io che non trovo la riga giusta) e appunto far "salire" l'haeder con il movimento tipico del parallasse. Diciamo che speravo in un componente perchè non volevo imbarcarmi in quei tutorial pieni di Js e altro perchè sono alle prime armi e non volevo pasticciare, però con qualcosa di semplice mi piacerebbe sperimentare ed imparare.
Se magari hai qualche dritta  ;D

Offline claudiocarrera

  • Appassionato
  • ***
  • Post: 612
  • Sesso: Maschio
  • Sviluppo siti web Brescia
    • Mostra profilo
Re:Effetto parallasse su posizione, header e modulo.
« Risposta #3 il: 13 Set 2014, 23:36:18 »
Consiglio è: studia html/css puro, senza programmini strani che autocompilano,  una volta imparato quello vedrai che creare template non è così difficile, a quel punto effetti parallasse o altri li implementi tu senza cercare roba fatta da altri  :)
Claudio Carrera - claudio@3rd-graphic.it
partita iva: 03597950983
tel: 338 9433727

 



Web Design Bolzano Kreatif