.
Ако не ми е ясно какви са тези HTML-тагове, СГО, маси, прочетете за основните техники за създаване на сайта.
Пример използване на HTML тагове, за да се създаде меню в кода по-долу:
Стандартни CSS стилове за хоризонтално меню
Подготвяме се в началото меню в шапката, без каквато и определен стил и звънци и свирки, че може да се нарече един скелет на бъдещата си красива меню. Ако копирате и поставите в HTML и CSS тя ще изглежда по следния начин.
Пример рамка (по образец) на бъдещата си меню
Всичко се оказа съвсем просто, вие сте, разбира се, искам да веднъж красива главното меню, но без разбиране на основите просто не може да се създаде добра меню, без грешки в HTML и CSS.
Има и няколко други CSS техники се използват за извършване на хоризонтална меню, в допълнение към поплавъка: ляво. например, дисплей: вграден блок; или езика: огъва. но се препоръчва да се използва метод, както е описано по-горе.
Нека да напълним шаблон меню различни стилове и да я направи красива.
Сега аз ще предостави някои примери за готови готов проект с хоризонтална лента с менюта.
Всички "красив" можете да създадете за сайта ви себе си, а не да търсите в интернет. Най-лесният начин да направите това, като взимат един от примерите по-долу
Обикновено синьо меню с отделни точки
CSS стилове меню "отгоре"
Показани са стилове на менюто. HTML е същата като в менюто "рамка".
В главното меню, разположен на цвят линия с червен фон
стилове CSS меню на цвят линия
Падащо меню + CSS на HTML
За да се приложи допълнително падащо (падащото) меню на сайта по всяко елемент от менюто, ние трябва да се добави допълнителна списък на елементите в HTML-код, за всички връзки от хоризонталното меню и да промените стила на CSS. Стиловете, които използваме прост трик - падащо меню дисплей промяна на медиите, сочещи към желаната позиция в нашият най-меню. "Услуги" ще се проведе например.
Пример за създаване на прост падащото меню
HTML код за падащото меню
CSS стилове падащото меню
Опитах се, доколкото е възможно, за да ви кажа накратко за това как да създадете основна хоризонтална меню, направи няколко шаблони, за да добавите към него простите стилове и да я направи по-хубав, как да направите падащо меню към вашия сайт. За удобство, съм събрал всички менюта, показани по-горе в един HTML-файл, който можете да изтеглите по-долу. Тя изглежда като на снимката по-долу:
Благодаря ви за вниманието.
