Вертикалното меню за сайта е много удобна функция, която спомага за спестяване на място и лесно навигиране в ресурса. Можете да го направите въз основа на каскадни CSS таблици със стилове или с помощта на специални инструменти.
Инструкции
Етап 1
Отворете уебсайта purecssmenu.com и се регистрирайте в него, в противен случай няма да можете да създадете и изтеглите създаденото меню. Отляво намерете бутона Шаблони и кликнете върху него. Отдолу ще има малки прозорци с вертикални шаблони на менюта. Кликнете върху тях един по един и прегледайте в прозореца за предварителен преглед. Изберете шаблона, който най-добре подхожда на вашия сайт.
Стъпка 2
Задайте шрифта и цвета на менюто, като използвате раздела Параметри. Можете да изберете шрифт и неговия размер в полето Шрифт. Ако е необходимо, посочете подчертано / получер шрифт. Задайте фона (фона) на вертикалното меню в полето Цветове, задайте цвета на шрифта и цвета на фона при нанасяне (fonthover / backgroundhover).
Стъпка 3
Отидете в менюто Елементи, за да управлявате елементите от менюто. Кликването върху бутона Изчистване ще изчисти примерните елементи, така че да можете да създадете свои собствени. Достатъчно е да щракнете върху бутона AddItem plus, за да добавите елемент в края на менюто. Използвайки бутона AddNextItem, можете да добавите елемент, който ще последва след избраното в момента време. Бутонът AddSubitem в менюто създава вложен елемент за избрания. За да премахнете линия, използвайте бутона RemoveItem.
Стъпка 4
Отворете параметрите на артикулите (ItemParameters) в долната част на сайта. Въведете име за елемента от менюто в реда Текст и уеб адреса му в Линк. Редът Съвет отговаря за описанието на елемента, което се показва, когато курсорът се задържи над връзката. Разделът Цел определя как се отваря страницата. С параметъра _self страницата може да бъде конфигурирана да се отваря в текущия прозорец на браузъра.
Стъпка 5
Изтеглете готовото меню, като кликнете върху бутона Изтегляне в долната част на страницата. Копирайте съответния код, намиращ се в файла purecssmenu.html, в CSS файла на шаблона: в началото и в края. Уверете се, че сте поставили правилния код и запазете файла.
