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 задаваме височината на фона. Ако имате проблеми пишете в коментарите. | |
|
| |
Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
| Всички коментари: 0 | |
