Как да нарисувате меню на сайт

Съдържание:

Как да нарисувате меню на сайт
Как да нарисувате меню на сайт

Видео: Как да нарисувате меню на сайт

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

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

Как да нарисувате меню на сайт
Как да нарисувате меню на сайт

Инструкции

Етап 1

Като пример се разглежда работата в системата ucoz. Дизайнът на различни елементи на даден сайт често се определя с помощта на таблица със стилове (CSS). За достъп до него влезте в контролния панел, като използвате акаунт на администратор. На главната страница на панела изберете секцията "Управление на дизайна".

Стъпка 2

В падащия списък със страници, които можете да редактирате, изберете Таблица със стилове (CSS) от категорията Общи шаблони. Погледнете информацията, написана в редовете, свързани с общия дизайн (блок General Style) и по-специално с менюто (блокове с думата Менюта в техните имена). Трябва да разберете какви параметри са зададени за лентата с менюта: ширина, височина, фон на панела и бутони, изображения и т.н.

Стъпка 3

Ако параметрите не ви подхождат, заменете ги с тези, от които се нуждаете, и запазете шаблона. След това вече можете да стартирате графичния редактор и, използвайки получената информация, да нарисувате свои собствени бутони. Запазете ги и се върнете на сайта. В менюто "Инструменти" изберете елемента "Файлов диспечер" или щракнете върху връзката със същото име, намираща се под блока с кода.

Стъпка 4

Качете нови бутони на сайта (стрелки с посока или други графични елементи, които ще използвате в менюто). Запишете стойността за бутоните в кода (например фон: url ('https:// връзка към изображението от файловия мениджър') no-repeat XXpx XXpx), задайте параметрите за подравняване, позиция на страницата. Запишете стила и размера на шрифта за разделите на менюто (семейство шрифтове и размер на шрифта) и направете други промени, от които се нуждаете.

Стъпка 5

Кликнете върху бутона „Запазване“, изчакайте известието, че шаблонът е бил успешно запазен и отворете страницата на сайта, за да оцените резултата от свършената работа. Ако не сте доволни от нещо, можете да отмените действията си в прозореца за редактиране на CSS, като използвате бутона със стрелка наляво в лентата с инструменти.

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