Як зробити горизонтально меню, що випадає в joomla
Короткий урок по створенню меню, що випадає в joomla 1.5 засобами css. Урок передбачає вже встановлену cms на сервері і створення пунктів меню.
Інструкція
1 крок
Для початку виберіть в налаштуваннях модуля меню параметр відображення - список.
2 крок
Не закриваючи параметри модуля призначте префікс модуля -menu. Якщо ви хочете використовувати інший префікс - не питання, але вам необхідно буде змінити цей префікс в коді css шаблону
3 крок
Далі відкриваємо css вашого шаблону будь-яким редактором. За замовчуванням він знаходиться в /templates/папка_с_вашім_шаблоном/css/template.css і вставляємо в нього наступний код:
.moduletable-menu1 {position: absolute-
z-index: 100-
width: 500px;
height: 30px;
left: 280px;
bottom: 2px;
}
ul, li {
padding: 0-
margin: 0-
}
ul.menu {
clear: both-
position: absolute-
}
ul.menu li a {
padding-top: 7px;
height: 20px;
display: block-
color: white-
font-size: 18px;
line-height: 0.9em-
vertical-align: middle-
text-align: center-padding-left: 5px; padding-right: 5px;
}
ul.menu li a: hover {
padding-top: 7px;
display: block-
color: # 8dc73f-
font-size: 18px;
line-height: 0.9em-
}
ul.menu li {
float: left;
list-style: none;
text-align: center-
line-height: 0.9em-
background-color: # 00aeef-
width: auto-border: 2px solid # 00aeef- border-radius: 6px;
}
/ * 1 level /
li.parent {
}
li.parent ul {
float: center-
display: none;
width: auto-
}
li.parent: hover ul {
display: block-
}
/2 level /
li.parent ul li ul {
position: absolute-
float: left;
margin-left: 100px;
margin-top: -20px;
/ ie7 * /
* Margin-left: 0-
* Margin-top: 0-
}
li.parent: hover ul li ul {
display: none;
}
display: block-
float: none;
clear: both;
4 крок
Зберігаємо css і оновлюємо сторінку. Якщо ви зробили все правильно - має вийде як на картинці. Редагуйте css і підлаштовувати код під ваш шаблон. Сподіваюся у вас все вийде. Приклад роботи можете подивитися на сайті phogame.ru
Дерзайте!
PS: після зміни css під роздачу потраплять всі модулі меню. Для виправлення цього бага назнечьте іншим модулям меню інший суфікс
Як встановити меню vista / 7 на xp Windows Seven MenuЯк тільки з'явилася Vista багато захотіли мати таке ж меню на Windows Xp. У цій інструкції я вам покажу як можна поставити меню Windows Vista або навіть Windows Seven на Windows XP.ІнструкціяРівень складності: ЛегкоЩо вам…
Як створити власне меню в mozilla firefox Якщо ви хочете створити власне меню в Mozilla firefox то вам допоможе додаток Personal MenuІнструкціяРівень складності: ЛегкоЩо вам знадобиться:Mozilla firefoxPersonal Menu1 крок По перше потрібно завантажити додаток Personal Menu для цього зайдіть…
Протягом або протягом: як правильно і в чому відмінність У російській мові є слова, написання яких відрізняється всього однією літерою, але від її правильного вживання залежить сенс цілого речення. До таких слів відноситься Протягом. Або Протягом? Як уникнути помилки і, вживши слово в певному контексті,…
Таблиця калорійності продуктів Харчування є найважливішою умовою нашого існування. Від нашого раціону, фактично залежить те, як ми живемо і скільки. Харчування в більшій мірі впливає і на здоров'я, на процеси дітонародження, на тривалість життя. Наукові дослідження довели, що…
Гарячий шоколад рецепт приготування Чашечка гарячого шоколаду покращує настрій Идар заряд бадьорості. Чудовий напій допоможе розслабитися і подніметнастроеніе. У горячегошоколада терпкий смак, від якоговвосторге все ласуни. Неповторний смак такого десерту не тільки здивує, ної з…
Як зробити смачний напій Смузі - смачні і корисні напої, якісобою представляють суміш перемелених вблендере ягід, фруктів, овочів, до яких додаємо йогурт, молоко і лід. Смузіотлічно освіжають, містять багато вітамінів і влітку навіть можуть заміняти собойзавтрак або обід.…
Компот з дині Дині сповнені поживними речовинами. У них 18процентов цукрів, калій, вітамін С, клітковина, каротин. У літній сезон і вжаркую погоду завжди хочеться прохолоди і свіжості! Тому диня - це один з самихлюбімейшіх і найпопулярніших літніх продуктів.…
Куба лібре коктейль відео рецепт «Куба лібре» (або «вільна Куба») - у світі одиниз найвідомішихкоктейлів. Онпріготовлен був в Гавані на початку 20 століття, це попросив зробити амеріканскійкапітан, він замовив сумішрому, коли ілімона. Популярністю Куба лібре зобов'язана солдатам,…
Квас хлібний рецепт в домашніх умовах У спекотнупогоду постійно хочеться випити стаканчик інший холодного і вкусногонапітка, і тоді ми йдемо в найближчий магазин за газованою водою або лимонадом. Випівбаночку, ми розуміємо, що жага не пройшла. Знайома ситуація? Солодкі шіпучіенапіткі не…
Напої безалкогольні рецепти Ці напої в даний час переживають второерожденіе. Бармени експериментують з інгредієнтами постійно і продолжаютіскать найбільш незвичайні рецепти. Як же все - таки приготувати необичнийбезалкогольний напій своїми руками в домашніх умовах,…
Вівсяний квас рецепт Овесзаряджає енергією людини, це відбувається, тому що в ньому содержатьсялечебние властивості крохмалю. Квас з вівса допоможе у діабетиків знизити уровеньсахара. Білок, який присутній у вівсі, допоможе тканинам восстанавліватьсябистрее. Рівень…
Рецепт коктейль мохіто Не тільки професійним барменам під сілупріготовіть смачний мохіто, його можна і вдома зробити! Головне хорошіеінгредіенти підібрати. Про те, як приготувати мохіто своїми руками в домашніхусловіях і розповість наш майстер клас. Продукти, необхідні…
Рецепт коктейлю Кривава Мері в домашніх умовах Якщо ми уважніше розглянемо рецепт коктейляКровая Мері, то стане очевидно - ви ніколи ще не пили нічого подобного.Потому що коктейль крові Мері - це не тільки томатний сік, змішаний зведенням. Кривава Мері - це суміш томатного соку з горілкою, і…
Рецепт приготування домашнього вина Приготування домашнього вина - це процессполученіе смачного напою, який може стати сімейною традицією. Адже секретвіноделія переходять від покоління до покоління, тому вино з кожним разомстановіться духмяний і смачний.У домашніх умовах зазвичай вина…
Сангрія рецепт приготування Влітку охолодити нас може червоне вино, але з льодом фруктами, а називатися цей напійбуде сангрією.Сангрія має легкий і свіжий кислувато-солодкий смак сяркімі цитрусовими і виноградними відтінками, в ній виявляються іноді определенниефруктовие…
Текіла санрайз рецепт в домашніх умовах Поширенню коктейлю Текіла Санрайз у всемміре сприяла відома текіла.Sunrise означає «сонце, що сходить»: насправді, сироп, який з рештою рідиною не змішується, дає хроматичний ефект, якийсвітанок нагадує. ТекілаСанрайз миттєво став популярний серед…