Как да персонализирате менюто на сайта

Съдържание:

Как да персонализирате менюто на сайта
Как да персонализирате менюто на сайта

Видео: Как да персонализирате менюто на сайта

Видео: Как да персонализирате менюто на сайта
Видео: HTML & CSS практика | Верстаем меню сайта 2024, Ноември
Anonim

Ucoz е популярна система за управление на уебсайтове. С негова помощ можете да персонализирате всеки елемент от собствения си ресурс и да създадете уникален дизайн на страницата. Менюто е един от основните елементи на всеки сайт, защото именно чрез него потребителят навигира през вашия ресурс.

Как да персонализирате менюто на сайта
Как да персонализирате менюто на сайта

Инструкции

Етап 1

Можете да използвате контролите на конструктора на сайтове, за да персонализирате менюто в Ucoz. И така, можете да промените цвета на фона на избрания шаблон, цвета на връзките и текста в блоковете от менюто. Редактирането на всички елементи се извършва чрез дизайнерското меню "Дизайн" - "Управление на дизайна (CSS)".

Стъпка 2

Това ще отвори CSS таблица със стилове, т.е. шаблонът, въз основа на който се показват елементите на интерфейса. Намерете реда navBar в показания код и го редактирайте, както сметнете за добре. Например:

#navBar {подложка: 4px; фон: # 959595; преливане: автоматично; цвят: червен; }

Стъпка 3

Този код задава отстъпа на текста от границите на създадения блок с 4 пиксела, докато фонът на менюто придобива стойност # 959595, която съответства на определен цвят в HTML формат. Параметърът overflow: auto се използва за задаване на показването на съдържание, което не се побира в посочената област. Този параметър не трябва да се редактира без специална нужда. Опцията за цвят задава елементите на съдържанието на блока в червено.

Стъпка 4

За да редактирате параметрите на връзка, можете също да използвате опциите, които се намират в същия кодов блок. Променете #navBar a: връзка (нормална връзка), a: активна (цвят на връзката след щракване), a: посетена (посетена връзка) и a: hover (цвят на връзката след задържане) по ваш вкус. Променете цвета на цветовия атрибут и редактирайте параметъра за декорация на текст, който задава атрибутите за текста. Стойностите за тази опция могат да бъдат подчертани, мигащи, преградени, надчертани.

Стъпка 5

След редактиране щракнете върху бутона "Запазване". По подобен начин променете редовете.subColumn (фон за показване на вертикални елементи от менюто),.boxTable (заглавия на блокове от менюто),.boxContent (съдържание на списъци с връзки в менюто),.uMenuV (вертикални елементи от менюто) по ваш вкус. Можете да премахнете ненужните параметри и да вмъкнете свой собствен CSS код, както и да редактирате цветовете на други елементи в дизайна.

Стъпка 6

Запазете промените и прегледайте резултата, като отидете на страницата на вашия уебсайт. Редактирането на елементите от менюто на Ucoz е завършено.

Препоръчано: