Як зробити меню на сайті

Відео: Меню, що випадає на css

Інформаційні технології розвиваються з кожним днем. А то, що раніше здавалося чимось недосяжним, сьогодні вже є практично кожному обивателю. І зовсім необов`язково володіти надприродними здібностями і знаннями, щоб зробити власний сайт. А якщо мова йде тільки про те, щоб додати на свій ресурс меню, то тут може впоратися навіть школяр.

Вам знадобиться

Комп`ютер з підключенням до інтернету

Інструкція

Зайдіть на сайт сервісу PureCSSMenu. Тут ви побачите візуальний редактор, за допомогою якого швидко і легко зможете зробити меню для будь-якого сайту.

Щоб перейти на сторінку, де викладені шаблони меню, Натисніть на кнопку "Templates", Яка знаходиться зліва. Потім вам необхідно вибрати сподобалася шаблон і клацнути по ньому. У вікні "Preview" ви побачите реально працююче меню, яке створено за допомогою таблиць каскадних стилів.

Перегляньте кожен із запропонованих шаблонів, щоб вибрати найбільш підходящий для вашого сайту. Якщо колір і шрифт, що сподобався вам за стилем меню, не підходять до кольорової гами сайту, то ці параметри ви можете поміняти натиснувши на вкладку "Parametrs".

Змініть колір і шрифт за допомогою HTML коду або виберете його з запропонованої ресурсом палітри, клацнувши на сподобалася відтінок.

Тепер створіть структуру меню для свого сайту. Для цього натисніть кнопку "Items". У вкладці, ви побачите кнопку з великим плюсом і написом "Add Item". Натисніть на цю кнопку, і в кінці меню буде додано новий пункт. Щоб вставити новий пункт в середину меню, виділіть вкладку після якої повинно бути додавання і натисніть кнопку з написом "Add Next Item".

Щоб додати вкладений пункт в меню, що випадає меню натисніть кнопку з написом "Add Subitem", Попередньо виділивши той пункт меню, який буде містити нову вкладку. Якщо ви хочете видалити якийсь із пунктів, то виділіть його і натисніть кнопку "Remove Item".

В області "Item Parameters" необхідно заповнити всі поля для коректної роботи нового меню. В полі "Text" впишіть назву пункту меню, в полі "Link" впишіть адресу сторінки, на яку буде відбуватися перехід після натискання цієї кнопки. Щоб вибрати в який спосіб має відкриватися сторінка, в поле "Target" поставте значення "_self" або "_blank". При першому варіанті сторінка буде відкриватися в цьому ж вікні, при виборі функції "_blank" - в новому.

Тепер вам потрібно вставити код створеного меню в ваш сайт. Для цього натисніть на кнопку "Download", Яка знаходиться в правому нижньому кутку, і виберіть папку на своєму комп`ютері, в яку буде збережений архів purecssmenu-com.zip. Після збереження файлу розпакуйте цей архів і відкрийте файл purecssmenu.html, в якому міститься код вашого меню. Розмістіть цей код і вставте в файл шаблона вашого сайту.

Увага, тільки СЬОГОДНІ!

Все цікаве

Як замінити іконки на комп`ютері

Відео: Як змінити іконки на Windows 8,7Після установки операційної системи робочий стіл виглядає стандартно. Це може здатися нудним і позбавленим індивідуальності, тому розробники передбачили можливість зміни зовнішнього вигляду різних елементів.…

Як відключити проксі в браузері

Відео: Як змінити налаштування проксі сервера (На всіх платформах windows)Налаштування браузерів для використання proxy-серверів дозволяє отримувати доступ до інтернету через локальне з`єднання або певний комп`ютер. Більшість браузерів можуть…

Як розкрити приховані файли

Відео: Як відкрити приховані файли і папки в Windows 7 #PIДля користувача операційної системи система Windows не буде секретом наявність прихованих і системних файлів. Факт невидимості цих файлів невипадковий, інакше будь-яка дитина міг їх побачити…

Як синхронізувати wordpress і facebook

Якщо у вас є сайт WordPress і ви оновлюєте свій блог, то, ймовірно, хочете поширювати слово через Інтернет. Гарне місце для початку - Facebook. Ви дійсно можете синхронізувати ваш WordPress і акаунти Facebook так, що кожен раз, коли ви розміщуєте…

Як перенести documents

Відео: Documents відкриє будь-який файл / архів на iPad / iPhone!зберігати папку "My Documents" (Мої документи) не завжди буває зручно на тому ж диску, що і системні файли. Адже в надзвичайних ситуаціях операційну систему доводиться…

Як витягнути звук

Відео: Як витягти звук з гри. Розпакувальник архівів UniExtractorЗ незапам`ятних часів людство не мислить себе без музики. Сьогодні музика всюди - на радіо, в фільмах і телесеріалах, в інтернеті. Іноді музична тема з переглянутого відео може…

Як визначити id пристрої

Відео: Як дізнатися Device ID / IMEI / IP / MAC / Serial на Андройд - Device IDКожен пристрій в комп`ютері має спеціальний код, присвоєний йому виробником. Він називається кодом примірника пристрої або id-пристрої і складається з унікального шифру…

Як відновити документи, вилучені з кошика

Відео: Як відновити вилучену папку 100% способи відновленняТехнології зберігання інформації в сучасних комп`ютерах дозволяють успішно відновлювати більшість файлів після видалення. Природно, якість повернутого файлу залежить і від використовуваної…

Як записати потокове відео з інтернету

Відео: Як записати онлайн-трансляцію з Інтернету?Ви можете скористатися спеціальним програмним забезпеченням, щоб записувати потокове відео з інтернету. Наприклад, якщо ви хочете записати відео з YouTube, використовуйте такі безкоштовні інструменти,…

Як встановити нові фігури в photoshop

Відео: Урок Adobe Photoshop CS6 - Як встановити кисті / фігури в фотошоп У програмі Photoshop є готові набори вбудованих фігур, які можуть бути використані в якості векторних масок або для художнього оформлення зображень. Це дозволяє значно…

Як встановити іконки для робочого столу windows

Відео: Як поміняти іконки на windows 7В операційній системі Windows у кожного елемента на робочому столі є свій значок. Якщо вам набрид стандартний вигляд файлів і папок, ви в будь-який час можете встановити для них призначені для користувача…

Увага, тільки СЬОГОДНІ!

juswikile.ru » Кулінарія » Як зробити меню на сайті