Информационните технологии се развиват всеки ден. И това, което преди изглеждаше нещо непостижимо, днес вече е достъпно за почти всеки мъж на улицата. И изобщо не е необходимо да имате свръхестествени способности и знания, за да направите свой собствен уебсайт. И ако говорим само за добавяне на меню към вашия ресурс, тогава дори ученик може да се справи.
Необходимо е
Компютър с интернет връзка
Инструкции
Етап 1
Отидете на уебсайта PureCSSMenu. Тук ще видите визуален редактор, с който можете бързо и лесно да създадете меню за всеки сайт.
Стъпка 2
За да отидете на страницата, където са разположени шаблоните на менютата, щракнете върху бутона "Шаблони", който е вляво. След това трябва да изберете шаблона, който харесвате, и да кликнете върху него. В прозореца „Преглед“ще видите наистина работещо меню, което се създава с помощта на каскадни таблици със стилове.
Стъпка 3
Разгледайте всеки от предложените шаблони, за да изберете най-подходящия за вашия сайт. Ако цветът и шрифтът, които сте харесали от стила на менюто, не отговарят на цветовата схема на сайта, тогава можете да промените тези параметри, като щракнете върху раздела "Параметри".
Стъпка 4
Променете цвета и шрифта с помощта на HTML код или го изберете от палитрата, предлагана от ресурса, като щракнете върху сянката, която харесвате.
Стъпка 5
Сега създайте структура на менюто за вашия сайт. За да направите това, щракнете върху бутона "Елементи". В раздела, който се отваря, ще видите бутон с голям знак плюс и надпис „Добавяне на елемент“. Щракнете върху този бутон и в края на менюто ще бъде добавен нов елемент. За да вмъкнете нов елемент в средата на менюто, изберете раздела, след който трябва да се добави и щракнете върху бутона с надпис "Добавяне на следващ елемент".
Стъпка 6
За да добавите под-елемент към падащото меню, натиснете бутона с надпис „Добавяне на подточка“, след като изберете елемента от менюто, който ще съдържа новия раздел. Ако искате да премахнете някой от елементите, изберете го и кликнете върху бутона "Премахване на елемент".
Стъпка 7
В областта "Параметри на артикула" е необходимо да попълните всички полета, за да работи новото меню правилно. В полето „Текст“въведете името на елемента от менюто, в полето „Връзка“въведете адреса на страницата, към която ще се извърши преходът след щракване върху този бутон. За да изберете как да се отваря страницата, в полето „Target“задайте стойността „_self“или „_blank“. С първата опция страницата ще се отвори в същия прозорец, с избраната функция "_blank" - в нов.
Стъпка 8
Сега трябва да поставите кода на създаденото меню във вашия сайт. За да направите това, щракнете върху бутона "Изтегляне", който се намира в долния десен ъгъл, и изберете папка на вашия компютър, където ще бъде запазен архивът purecssmenu-com.zip. След като запазите файла, разопаковайте този архив и отворете файла purecssmenu.html, който съдържа вашия код на менюто. Копирайте този код и го поставете във файла на шаблона на уебсайта си.
