? ЯК зробити меню на сайті :: Веб-програмування

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

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

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

Інструкція

Зайдіть на сайт сервісу 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, в якому міститься код вашого меню. Розмістіть цей код і вставте у файл шаблону вашого сайту.