Home » 2014 » Ноември » 7 » CSS Кодиране на меню с картинка

---

5:17 PM CSS Кодиране на меню с картинка

В този урок ще разгледаме как се кодира меню, за целта ще ни трябват 2 файла .html и .css. имената нямат значение, в урока ще използваме menu.html и menu.css Пример: menu.html menu.css Резултат: Сега да поясним кода. 1.Добавяме желаната картинка и задаваме дължината и височината на нея както в примера на ред 4 до 6 в css файла. 2.На ред 9 позиционираме текста в средата(аз не съм успял :Д). 3.На ред 10 задаваме на бутоните да са по-навътре за да не са запалени в началото. 4.На ред 15 задаваме текста да няма ефекти, на ред 16 задаваме цвета на текста на бутоните. 5.На ред 17 задаваме разстоянието на бутоните 1 от друг. 6.От ред 23 до 25 задаваме стила на менюто като минем с мишката през него, на ред 23 задаваме фон на бутона който сме посочили с мишката.На ред 24 и 25 задаваме височината на фона. Ако имате проблеми пишете в коментарите.

1 2 3 4 5 Категория: CSS | Преглеждания: 983 | Довавено от: Kaloqn | Оценка: 5.0 | Гласували :10 | Tags: Na, Меню, кодиране, Ot, на, kodirane, Menu, photoshop, CSS, картинка

Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :

• Красиво CSS меню
• Урок №2 Прилагане на CSS (Чрез елемента style)
• Обикновено CSS меню
• Центриране на сайт с CSS
• Урок №5 Задаване на стойност с "cin"
• Урок №3 Атрибути на елементите в HTML

Всички коментари: 0