Вернуться   Ultramarine forum > Интернет > Web-программирование

 
 
Опции темы Опции просмотра
Старый 28.12.2010, 21:31   #5
Listopadla
Senior Member
 
Аватар для Listopadla
 
Регистрация: 17.03.2009
Сообщений: 715
Listopadla is on a distinguished road
Smile

Решение (не лучшее, но мне сойдет):
PHP код:
<?php defined('_JEXEC') or die(); ?>
<div class="css_menu">
    <span>
        <?php foreach ($items as $item) { ?>
        <div id="css_menu">
        <div class="css_menu_left_left" id="css_menu_left_left_close"></div><div class="css_menu_left_center" id="css_menu_left_center_close"></div>
        <div class="css_menu_middle" id="css_menu_middle"></div>
        <div class="css_menu_right_center" id="css_menu_right_center_close"></div><div class="css_menu_right_right" id="css_menu_right_right_close"></div>
<a href="<?php echo JRoute::_($item['link'] . '&Itemid=' $item['id']); ?>"><?php echo $item['name']; ?></a>
    <?php if (isset($item['items'])) { ?>
    <span class="css_submenu_hide">
        <div class="css_menu_left_left" id="css_menu_left_left_open"></div><div class="css_menu_left_center" id="css_menu_left_center_open"></div>
        <div class="css_menu_middle" id="css_submenu_middle"></div>
        <div class="css_menu_right_center" id="css_menu_right_center_open"></div><div class="css_menu_right_right" id="css_menu_right_right_open"></div>
        <?php foreach ($item['items'] as $subitem) { ?>
        <div class="css_submenu">
<a href="<?php echo JRoute::_($subitem['link'] . '&Itemid=' $subitem['id']); ?>"><?php echo $subitem['name']; ?></a>
        </div>
        <?php ?>
    </span>
    <?php ?>
        </div>
        <?php ?>
    </span>
</div>
Код HTML:
div.css_menu {
	width: 100%;
}
div.css_menu span div {
	float:left;
}
#css_menu {
	width: 50%;
	}
div.css_menu a {
	position:relative;
	display: block;
	text-align:center;
	padding-top:8px;
	z-index:10;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-shadow: 2px 2px 0 #CCC;
	font-size: 16px;
}
div.css_submenu a {
	padding-top:3px;
	font-style: italic;
	font-weight: normal;
}
span.css_submenu_hide {
	display:none;
	width:100%;
}
div.css_submenu {
	width:33%;
	float:left;
}
div#css_menu:hover span.css_submenu_hide {
	display: block;
	position: absolute;
	left: 0;
	z-index:10;	
}
.css_menu_left_left {
	position:absolute;
	background-position:left;
	background-repeat:no-repeat;
	left:0;
	z-index:1px;
	width:5px;
	height:39px;
}
#css_menu_left_left_close {background-image: url(../images/menu-close-left.jpg);}
#css_menu_left_left_open {background-image: url(../images/menu-open-left.jpg);}
.css_menu_left_center {
	position:absolute;
	right:50%;
	z-index:5;
	width:27px;
	height:39px;
}
#css_menu_left_center_close {background-image: url(../images/menu-close-center-left.jpg);}
#css_menu_left_center_open {background-image: url(../images/menu-open-center-left.jpg);}
.css_menu_middle {
	position: absolute;
	background-repeat: repeat-x;
	z-index:-1;
	height:39px;
}
#css_menu_middle {
	width:50%;
	background-image: url(../images/menu-close-middle.jpg);	
}
#css_submenu_middle {
	width:100%;
	background-image: url(../images/menu-open-middle.jpg);
}
.css_menu_right_center {
	position:absolute;
	left:50%;
	z-index:5;
	width:27px;
	height:39px;
}
#css_menu_right_center_close {background-image: url(../images/menu-close-center-right.jpg);}
#css_menu_right_center_open {background-image: url(../images/menu-open-center-right.jpg);}
.css_menu_right_right {
	position:absolute;
	background-position:right;
	background-repeat:no-repeat;
	right:0;
	z-index:2px;
	width:5px;
	height:39px;
}
#css_menu_right_right_close {background-image: url(../images/menu-close-right.jpg);}
#css_menu_right_right_open {background-image: url(../images/menu-open-right.jpg);}
Главный недостаток: цсс придется менять, исходя из количества пунктов меню (что, впринципе, можно делать пыхом)..
__________________
Ноут Asus F3Ka (Radeon HD 2600 512 MB, RAM 4 GB), ОС Ubuntu 11.10 - Oneiric Ocelot

Последний раз редактировалось Listopadla; 28.12.2010 в 22:08.
Listopadla вне форума   Ответить с цитированием
 

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Часовой пояс GMT +3, время: 05:18.