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

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

Стъпка 1
Влезте в профила си в Webs.com и кликнете върху раздела „Промяна на шаблона“ в лента с менюта в горния десен ъгъл.

Стъпка 2
Кликнете върху връзката „Промяна на шаблона“, която се показва под главното меню, след което кликнете върху опцията „Всички“, която се показва отляво. Това действие представя всички опции за шаблони, налични в Webs.com.

Стъпка 3
Превъртете до дясно на опциите на шаблона и кликнете върху полето "Custom CSS". Кликнете върху раздела „Разширени CSS“, който се показва, за да изведете текстово поле, където да въведете правилата на стила си.

Стъпка 4
Въведете потребителския си CSS код, за да проектирате шаблона си в Webs.com. Например, посочете цвета на фона на тялото, който контролира цялостния вид на вашата страница, както е в следния пример: body {background-color: #cccccc; }
Кликнете върху бутона "Запази" в горния десен ъгъл. Кликнете върху бутона "Преглед на сайта ми" в диалоговия прозорец, който се показва, за да видите персонализирания CSS, публикуван на уебсайта на Webs.com.

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


URL:https://bg.whycomputer.com/soft/100208092.html