Il tuo account Webs.com fornisce funzionalità, come modelli di pagina predefiniti, che ti consentono di pubblicare i tuoi siti Web aziendali e personali senza alcuna conoscenza di codifica. Tuttavia, se conosci fogli di stile CSS o CSS, puoi invece creare codici personalizzati. Il CSS ti dà il pieno controllo del layout e del design dei tuoi modelli di siti web in modo da poterli creare da zero o modificare i progetti esistenti. Utilizza i menu di Webs.com per applicare il CSS che fa risaltare le tue pagine.
Passaggio 1
Accedi al tuo account Webs.com e fai clic sulla scheda "Modifica modello" nella barra dei menu nell'angolo in alto a destra.
Passaggio 2
Fai clic sul link "Cambia modello" che appare sotto il menu principale, quindi fai clic sull'opzione "Tutti" che viene visualizzata sul lato sinistro. Questa azione presenta tutte le opzioni di modello disponibili su Webs.com.
Passaggio 3
Scorri fino all'estrema destra delle opzioni di modello e fai clic sulla casella "CSS personalizzato". Fai clic sulla scheda "CSS avanzato" che viene visualizzata per visualizzare una casella di testo in cui inserisci le regole di stile.
Passaggio 4
Digita il codice CSS personalizzato per progettare il modello Webs.com. Ad esempio, specifica il colore di sfondo del corpo, che controlla l'aspetto generale della tua pagina, come nell'esempio seguente: body {background-color: #cccccc; }
Fai clic sul pulsante "Salva" nell'angolo in alto a destra. Fai clic sul pulsante "Vedi il mio sito" nella finestra di dialogo visualizzata per visualizzare il CSS personalizzato pubblicato sul tuo sito Web Webs.com.
Suggerimenti
Personalizza l'altezza dell'intestazione, che è il banner superiore su la tua pagina, inserendo "# fw-head {height: px;}" e digitando il valore numerico desiderato dopo l'attributo height. Ad esempio:
# fw-head {height: 300px; }
Applica un colore alle voci di menu nella barra di navigazione digitando "# fw-nav-menu li {color:;}" e inserendo un valore di colore dopo l'attributo color. Ad esempio:
# fw-nav-menu li {color: # c0c0c0; }
Formatta la dimensione del titolo che appare sopra l'area del contenuto principale della tua pagina inserendo ".fw-title {font-size: px;}" e digitando un numero dopo l'attributo size-font, in questo modo:
.fw-title {dimensione carattere: 18px; }
Progetta l'aspetto dello sfondo della barra laterale, che è la colonna verticale sul lato destro o sinistro della pagina, digitando "# fw-sidebar {background-color:;}" e inserendo il valore di colore desiderato. Per illustrare:
# fw-sidebar {background-color: ffff00; }
Personalizza la tonalità dei tuoi collegamenti ipertestuali inserendo "a: link {color:;}" e digitando un valore di colore, come nell'esempio seguente:
a: link {color: # 00ffff; }
Computer © www.354353.com