Autore Topic: [RISOLTO] Modificare il Template Cassiopeia per renderlo "OnePage" con Parallax  (Letto 281 volte)

Offline sgiobbio

  • Appassionato
  • ***
  • Post: 285
    • Mostra profilo
E' possibile utilizzare il template Cassiopeia come onepage with parallax?
E' un lavoro da effettuare con i css?
C'è qualche tutorial che insegni come adattare Cassiopeia alle proprie esigenze?
« Ultima modifica: 12 Set 2022, 17:32:53 da sgiobbio »

Offline marine

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 6124
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica al Template Cassiopeia
« Risposta #1 il: 29 Ago 2022, 10:13:05 »
Per cortesia modifica il titolo del post inserendone uno esplicativo del tuo quesito, grazie della collaborazione.


Offline sgiobbio

  • Appassionato
  • ***
  • Post: 285
    • Mostra profilo
Se ho postato un argomento non di interesse generale, me ne scuso.
Oppure ho fatto male la domanda...
A me sembra che la tipologia di sito web "monopagina" sia di grande attualità.
Mi chiedevo se qualcuno avesse già provato ad adattare il template Cassiopeia per ottenere un sito "onepage", e se ci era riuscito.
Un sito monopagina deve avere almeno 3 o 4 sezioni diverse che scorrano in verticale e che riempiano completamente lo schermo dall'alto in basso, ciascuna a turno. Poi ci sarebbe da rendere "fluido" il passaggio da una sezione all'altra quando si clicca sulla rispettiva voce di menu.... Tutte cose che forse si possono ottenere semplicemente con regole css.

Fino ad ora le mie ricerche sul web hanno portato soltanto a questo:
http://talkerscode.com/webtricks/one-page-website-template-using-html-css-and-jquery.php
https://alvarotrigo.com/blog/how-to-create-a-parallax-effect-with-css-only/

Ovviamente esistono già template one page pronti all'uso, ma non mi va di aggiungere a Joomla 4 plugin o framework di terze parti (come Helix), e nella mia esperienza precedente mi sono accorto che più si appesantisce joomla con elementi terzi e più nascono i problemi, magari ad ogni aggiornamento alla versione successiva. Per questo mi piacerebbe utilizzare il template nativo.
« Ultima modifica: 07 Set 2022, 19:09:29 da sgiobbio »

Offline sgiobbio

  • Appassionato
  • ***
  • Post: 285
    • Mostra profilo
Posto una soluzione perché alla fine ho ottenuto quello che mi ero prefissato, tranne l'effetto "parallax" da applicare su una delle prime sezioni del sito monopagina, un effetto che mi riprometto di realizzare e che mi pare ottenibile anche con pure CSS: https://codepen.io/yagoestevez/pen/EdgRMX

Quello che mi premeva, era di riuscire a realizzare un sito "one page" senza ricorrere a framework e template esterni, con il solo utilizzo di Cassiopeia.

In pratica ho creato un solo articolo, nel quale ci sono le varie sezioni che il menu raggiunge, puntando a semplicissimi <div id="XXX">, grazie a una sola riga di codice: <a href="#XXX">

Il menu è in puro css.
Ecco il link al sito finito: https://www.studiofogliano.info/
Spero che possa essere utile a qualcuno.

 

Host

Torna su