Як зробити меню на сайті
Відео - "Як створити меню для сайту-Урок HTML5 # 2"
Інформаційні технології розвиваються з кожним днем. А то, що раніше здавалося чимось недосяжним, сьогодні вже є практично кожному обивателю. І зовсім необов`язково володіти надприродними здібностями і знаннями, щоб зробити власний сайт. А якщо мова йде тільки про те, щоб додати на свій ресурс меню, то тут може впоратися навіть школяр.
Вам знадобиться
- Комп`ютер з підключенням до інтернету
Інструкція
1
Зайдіть на сайт сервісу PureCSSMenu. Тут ви побачите візуальний редактор, за допомогою якого швидко і легко зможете зробити меню для будь-якого сайту.
2
Щоб перейти на сторінку, де викладені шаблони меню, натисніть на кнопку «Templates», яка знаходиться зліва. Потім вам необхідно вибрати сподобалася шаблон і клацнути по ньому. У вікні «Preview» ви побачите реально працююче меню, яке створено за допомогою таблиць каскадних стилів.
3
Перегляньте кожен із запропонованих шаблонів, щоб вибрати найбільш підходящий для вашого сайту. Якщо колір і шрифт, що сподобався вам за стилем меню, не підходять до кольорової гами сайту, то ці параметри ви можете поміняти натиснувши на вкладку «Parametrs».
4
Змініть колір і шрифт за допомогою HTML коду або виберете його з запропонованої ресурсом палітри, клацнувши на сподобалася відтінок.
5
Тепер створіть структуру меню для свого сайту. Для цього натисніть кнопку «Items». У вкладці, ви побачите кнопку з великим плюсом і написом «Add Item». Натисніть на цю кнопку, і в кінці меню буде додано новий пункт. Щоб вставити новий пункт в середину меню, виділіть вкладку після якої повинно бути додавання і натисніть кнопку з написом «Add Next Item».
6
Щоб додати вкладений пункт в меню, що випадає меню натисніть кнопку з написом «Add Subitem», попередньо виділивши той пункт меню, який буде містити нову вкладку. Якщо ви хочете видалити якийсь із пунктів, то виділіть його і натисніть кнопку «Remove Item».
7
В області «Item Parameters» необхідно заповнити всі поля для коректної роботи нового меню. В поле «Text» впишіть назву пункту меню, в поле «Link» впишіть адресу сторінки, на яку буде відбуватися перехід після натискання цієї кнопки. Щоб вибрати в який спосіб має відкриватися сторінка, в поле «Target» поставте значення «_self» або «_blank». При першому варіанті сторінка буде відкриватися в цьому ж вікні, при виборі функції «_blank» - в новому.
8
Тепер вам потрібно вставити код створеного меню в ваш сайт. Для цього натисніть на кнопку «Download», яка знаходиться в правому нижньому кутку, і виберіть папку на своєму комп`ютері, в яку буде збережений архів purecssmenu-com.zip. Після збереження файлу розпакуйте цей архів і відкрийте файл purecssmenu.html, в якому міститься код вашого меню. Розмістіть цей код і вставте в файл шаблона вашого сайту.
Поділися в соц мережах:
Схожі
- Як змінити фон вконтакте
- Як зробити вертикальне меню, що випадає
- Як поміняти домашню сторінку
- Як зробити ярлик сайту
- Як зберігати сторінку з усіма посиланнями
- Як видалити домашню сторінку яндекс
- Як додати мову в комп`ютер
- Як в word повернути текст
- Як прибрати сайт з стартової сторінки
- Як змінити меню сайту
- Як зробити стартовою сторінкою рамблер
- Як зробити сайт стартовою сторінкою
- Як перезавантажити сторінку javascript
- Як зробити яндекс стартовою сторінкою
- Як поміняти стартову сторінку
- Як оновити сторінку javascript
- Як видалити стартову сторінку яндекс
- Як очистити журнал
- Як вставити матеріал на свій сайт
- Як видалити збереження пароля
- Як видалити свій логін з сайту