Как да създадете персонализиран CSS за Webs.com

Вашият акаунт в Webs.com предоставя функции, като готови шаблони за страници, които ви позволяват да публикувате бизнес и лични уебсайтове без програмиране. Ако обаче владеете Cascading Style Sheets (CSS), можете да добавите собствен код и да контролирате дизайна напълно.

Стъпка 1

Влезте в акаунта си в Webs.com и натиснете таба „Modify Template“ (Промяна на шаблона) в менюто в горния десен ъгъл.

Стъпка 2

Щракнете върху връзката „Change Template“ (Смяна на шаблона), която се появява под главното меню, след което изберете опцията „All“ (Всички) от лявата страна, за да видите всички налични шаблони.

Стъпка 3

Превъртете най‑дясно в списъка с шаблони и кликнете върху полето „Custom CSS“ (Персонализиран CSS). След това изберете таба „Advanced CSS“ (Разширен CSS), където ще се появи текстово поле за въвеждане на вашите правила.

Стъпка 4

Въведете желания CSS код. Например, за да зададете цвят на фона на целия сайт, напишете:

body { background-color: #cccccc; }

Накрая натиснете бутона „Save“ (Запази) в горния десен ъгъл и след това „See My Site“ (Виж моя сайт), за да прегледате промените.

Съвети

• Променете височината на горната лента (header) с #fw-head { height: 300px; } – заменете 300 с желаната стойност.
• Задайте цвят на елементите в навигационното меню: #fw-nav-menu li { color: #c0c0c0; }.
• Регулирайте размера на заглавието над главното съдържание: .fw-title { font-size: 18px; }.
• Настройте фона на страничната лента (sidebar) с #fw-sidebar { background-color: #ffff00; }.
• Персонализирайте цвета на хипервръзките: a:link { color: #00ffff; }.