Responsivizzazione Website

Menu principale:

Oggetto testo

Website Responsivo

Usando le pseudoclassi ho creato una sorta di reset per Website x5 per farlo diventare responsivo. Il codice funziona abbastanza bene ma non è perfetto e va migliorato, quindi se qualcuno vuole dare il suo contributo ben venga.

Per testarlo suggerisco di procedere così:

1) apri un nuovo progetto e imposta il template base (punto 1>scelta delò modello>nuovo modello)

2) Inserire il codice di responsivizzazione (riportato sotto) nella HEAD della pagina che volete creare (o se èpreferite nella HEAD di tutte le pagine al punto 4)

3) in creazione della pagina create una griglia con 12 colonne (agendo sul tasto aggiungi colonna)

4) iniziate ad inserire i vari elementi nella pagina

ATTENZIONE: se inserite più elementi in una riga dovete specificare quanto spazio in percentuale deve occupare ogni oggetto presente nella riga ossia dovete aggiungere una linea di codice nella HRAD della pagina specificando la % di larghezza del singolo elemento presente in una determinata riga.

Oggetto immagine