Compatibilità:

WebSite X5 Evo e Pro dalla versione 13


Le pagine che presentano delle grandi fasce orizzontali sono ormai molto diffuse, non solo nei siti one page, ma anche in quelli più “tradizionali”. Queste fasce, che spesso vanno oltre la larghezza dei contenuti per occupare tutta la larghezza della finestra del browser, abbelliscono la pagina e catturano l’attenzione dei visitatori: usale anche tu nei tuoi progetti per mettere in primo piano i contenuti più importanti.


Per creare una fascia devi lavorare sullo stile delle righe. La procedura è veramente molto semplice:

  • Al Passo 4 - Creazione della Pagina, dopo aver inserito i contenuti che desideri presentare, clicca sul pulsante in modo da accedere alla finestra Stile delle Righe.
  • Rimani nella sezione Generale e seleziona la riga o il gruppo di righe su cui vuoi agire.
  • Definisci se come Sfondo vuoi usare:
    • un colore, 
    • una sfumatura, 
    • un’immagine, 
    • un elenco di immagini, 
    • un video, 
    • una mappa. 
  • Utilizza le opzioni che ti vengono proposte in base al tipo di sfondo che hai selezionato, per importare i file necessari e definire le impostazioni grafiche. 
  • Indipendentemente dal tipo di sfondo, puoi decidere di applicare su tutta la Riga un effetto di Overlay, ovvero un filtro colorato. Per farlo devi cliccare sul pulsante Overlay e, nella finestra richiamata, definire i colori, l'opacità e, se vuoi, attivare una transizione in loop tra i colori definiti.    
  • Se desideri che la tua fascia occupi sempre tutto lo spazio disponibile in larghezza nella finestra del browser, clicca sul pulsante Estendi alla larghezza della finestra del Browser (vedi, Come si crea una fascia larga quanto la finestra del Browser?).
  • Infine, se vuoi attivare un effetto parallasse sullo sfondo della riga, clicca sul pulsante Parallasse e, attraverso la finestra richiamata, scegli tra i tipi di parallasse disponibili (vedi, Come si imposta l’effetto parallasse?).


Ricorda che nella finestra Stile delle Righe:

  • le Righe per le quali non è stato ancora definito l'aspetto sono affiancate da un pallino vuoto;
  • le Righe per le quali è già stato definito l'aspetto sono affiancate da un pallino pieno.


Una volta impostato lo stile di una Riga puoi facilmente tagliarlo, copiarlo e incollarlo in modo da applicarlo a un'altra Riga presente nella stessa Pagina o in una Pagina diversa. Per farlo puoi:

  • usare i pulsanti Taglia, Copia e Incolla presenti nella barra degli strumenti;
  • usare i comandi Taglia, Copia e Incolla proposti dal menu contestuale che puoi richiamare cliccando con il tasto destro del mouse sulla Riga stessa.