| |
|
|
| | Здравствуйте. Вот решил изучить данную кмс, вроде понравилась. Решил сделать свой шаблон для нее, но возникла проблема.
Не могу понять как в шаблоне, который поставляется вместе с кмс (rhuk_milkyway) сделанно меню. Точнее как они его оформили, границы обрисовали, стили привязали к пунткам меню.
Я css стилях более-менее разбираюсь, но как сделать такую вещь не понимаю. Помогите пожалуйста. | |
| |
|
|
| |
|
|
| |
для: angelcorpc
(21.11.2009 в 08:09)
| | | Ну что, никто не знает?:( | |
| |
|
|
| |
|
|
| |
для: angelcorpc
(22.11.2009 в 10:21)
| | | Ну ежели на форуме по Joomla никто не знает, то тут и подавно никто не допетрит... | |
| |
|
|
| |
|
|
| |
для: Valick
(22.11.2009 в 11:08)
| | | Ответ найден.
если представить меню в виде таблицы:
1 2 3
4 5 6
7 8 9
где 1, 3, 7, 9 - это картинки с "углами" меню, а 2, 4, 6, 8 - это полоски меню (5 - это содержимое), то там получается такая фишка:
сам html код меню:
<div class="module_menu">
<div>
<div>
<div>
<h3>Главное меню</h3>
<ul class="menu">
<li id="current" class="active item1">
<a href="http://192.168.1.2/joom_work/">
<span>Главная</span>
</a>
</li>
<li class="item5">
<a href="/joom_work/index.php/the-news">
<span>Новости</span>
</a>
</li>
<li class="item10">
<a href="/joom_work/index.php/2009-11-07-15-19-22">
<span>Ссылки</span>
</a>
</li>
<li class="item11">
<a href="/joom_work/index.php/2009-11-09-11-28-46">
<span>Контакты</span>
</a>
</li>
<li class="item15">
<a href="/joom_work/index.php/2009-11-13-19-53-29">
<span>Преподаватели</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
|
стили меню:
div.module_menu {
background: url(../images/6_8_9.png) 100% 100% no-repeat;
}
div.module_menu div {
background: url(../images/4_7.png) 0 100% no-repeat;
padding-bottom: 10px;
margin-bottom: -10px;
}
div.module_menu div div {
background: url(../images/2_3.png) 100% 0 no-repeat;
}
div.module_menu div div div {
background: url(../images/1.png) 0 0 no-repeat;
}
|
| |
| |
|
|
