Cum să creați un CSS personalizat pentru Webs.com

Contul Webs.com oferă funcții, cum ar fi șabloane de pagini predefinite, care vă permit să vă publicați site-urile de afaceri și personale fără cunoștințe de codificare. Cu toate acestea, dacă cunoașteți foile de stil cascadă sau CSS, puteți crea în schimb coduri personalizate. CSS vă oferă control complet asupra aspectului și designului șabloanelor site-ului dvs., astfel încât să le puteți crea de la zero sau să modificați desenele existente. Utilizați meniurile din Webs.com pentru a aplica CSS-ul care face paginile dvs. să iasă în evidență.

Pasul 1
Conectați-vă la contul dvs. Webs.com și dați clic pe fila "Modificați șablon" din bara de meniu din colțul din dreapta sus.

Pasul 2 - faceți clic pe linkul "Modificați șablon" care apare sub meniul principal, apoi faceți clic pe opțiunea "Toate" care apare în partea stângă. Această acțiune prezintă toate opțiunile de șablon disponibile pe Webs.com.

Pasul 3
Derulați la extrema dreaptă a opțiunilor șablonului și faceți clic pe caseta "Custom CSS". Faceți clic pe fila "Advanced CSS" care se afișează pentru a afișa o casetă text în care introduceți regulile de stil.

Pasul 4
Introduceți codul CSS personalizat pentru a proiecta șablonul Webs.com. De exemplu, specificați culoarea de fundal a corpului, care controlează aspectul general al paginii dvs., ca în exemplul următor: body {background-color: #cccccc; }
Faceți clic pe butonul "Salvați" din colțul din dreapta sus. Faceți clic pe butonul "Vedeți site-ul meu" din fereastra de dialog care se afișează pentru a vizualiza CSS personalizat publicat pe site-ul Webs.com.

Sfaturi
Particularizați înălțimea antetului dvs., pagina dvs., introducând "# fw-head {height: px;}" și tastând valoarea numerică dorită după atributul de înălțime. De exemplu:
# fw-head {height: 300px; }
Aplicați o culoare elementelor de meniu din bara de navigare tastând "# fw-nav-menu li {color:;}" și introduceți o valoare de culoare după atributul de culoare. De exemplu:
# fw-nav-menu li {culoare: # c0c0c0; }
Formatați mărimea titlului care apare deasupra zonei principale de conținut din pagină introducând ".fw-title {font-size: px;}" și tastând un număr după atributul font-size, după cum urmează:
.fw-titlu {font-size: 18px; }
Proiectați aspectul fundal al barei laterale, care este coloana verticală din partea dreaptă sau stângă a paginii, tastând "# fw sidebar {background-color:;}" și introduceți valoarea dorită a culorii. Pentru a ilustra:
# fw-sidebar {background-color: ffff00; }
Personalizați umbra hyperlink-urilor introducând "a: link {color:;}" și tastând o valoare a culorii, ca în exemplul următor:
a: link {color: # 00ffff; }


URL:https://ro.whycomputer.com/software-ul/100508092.html