Л юбой сайт обов'язково має своє меню. Воно може бути вертикальним або горизонтальним. Крім цього меню може бути простим, що випадає, в стилі акордеона, анімаційне і т.д.
Будь-якому новачкові спочатку важко розібратися в створенні меню, хоча дуже потрібно. І знання HTML і CSS обов'язково. Як самому створити меню або навчитися видозмінювати його, можна подивитися уроки.
Для створення меню використовується здвоєний зображення і список, вкладений в div. Ефект затемнення вийде при використанні нижньої частини картинки. Картинки можна поміняти (в архіві 11 видів).
Перше створюємо код HTML самого меню. Замінюємо # на свої посилання. Можете змінити ім'я ідентифікатора, після чого зробіть зміни в CSS, правильно виставте шлях до зображень. Для наочності елементу li присвоєно ідентифікатор rencur.
ПРИКЛАД завантажити вихідні
Розсовує вертикальне меню на CSS
ПРИКЛАД завантажити вихідні
Вертикальне меню з ефектами
Меню буде використовувати єдиний список, вкладений в блок з ідентифікатором content. Саме меню можете розташувати де завгодно. Ефект при наведенні курсору - зміщення пунктів меню і зміна внутрішньої і зовнішньої тіні для заливки пунктів. Це дозволяє виявити безмежну фантазію для оформлення пунктів меню. Експериментуйте і Ви побачите, що можна використовувати тільки CSS3 без зображень. Проявіть фантазію.
ПРИКЛАД завантажити вихідні