Cum să creezi un CSS personalizat pentru Webs.com

1. Accesarea și modificarea șablonului

Înregistrează-te pe contul tău Webs.com și accesează fila Modifică șablonul din bara de meniu din colțul din dreapta sus.

2. Selectarea șablonului

Fă clic pe linkul Schimbă șablonul care apare sub meniul principal și apoi apasă opțiunea Toate din stânga. Acest pas îți prezintă toate șabloanele disponibile pe Webs.com.

3. Accesarea zonei de CSS personalizat

În partea dreaptă a opțiunilor de șablon, bifează caseta CSS personalizat. Apoi selectează fila Advanced CSS pentru a deschide caseta de text unde poți introduce regulile tale de stil.

4. Scrierea și salvarea codului CSS

Introdu codul CSS dorit pentru a personaliza șablonul. De exemplu, poți seta culoarea de fundal a paginii cu:

body { background-color: #cccccc; }

După ce ai scris codul, apasă butonul Save din colțul din dreapta sus. În fereastra de confirmare, selectează See My Site pentru a vizualiza modificările aplicate.

Tips – Cum să personalizezi elementele cheie

• Înălțimea antetului: #fw-head { height: 300px; }
• Culoarea meniului de navigație: #fw-nav-menu li { color: #c0c0c0; }
• Mărimea titlului principal: .fw-title { font-size: 18px; }
• Fundalul barei laterale: #fw-sidebar { background-color: #ffff00; }
• Coloarea linkurilor: a:link { color: #00ffff; }