Регистрация
Вход через соцсети
Восстановление пароля

Меню в виде картинок с индивидуальными размерами

Новый топик
13.12.2013, 00:46
Ответить | Цитировать
Ерышев Сергей Васильевич

Зарегистрирован:
2011-09-26
Сообщений: 2

Добрый вечер! Ребята подскажите плиз, как вывести вот такое меню
Код:


<ul>

<li><a href="#"><img src="images/but1.gif" alt="" width="148" height="40" /></a></li>

<li><a href="#"><img src="images/but2.gif" alt="" width="146" height="40" /></a></li>

<li><a href="#"><img src="images/but3.gif" alt="" width="146" height="40" /></a></li>

<li><a href="#"><img src="images/but4.gif" alt="" width="146" height="40" /></a></li>

<li><a href="#"><img src="images/but5.gif" alt="" width="146" height="40" /></a></li>

<li><a href="#"><img src="images/but6.gif" alt="" width="147" height="39" /></a></li>

</ul>

</div>
13.12.2013, 11:12
Ответить | Цитировать
Гость
Гость

А в чем заключается вопрос?
13.12.2013, 15:06
Ответить | Цитировать
ipm
Ильин Павел

Зарегистрирован:
2012-10-12
Сообщений: 367

В шаблонах навигации в макете:
Как вариант:

Код:

$menu['prefix'] = "<div><ul>";
$menu['suffix'] = "</ul></div>";
$menu['active'] = "<li class='%KEYWORD'><a href='%URL'></a></li>";
$menu['unactive'] = $menu['active'];


%KEYWORD - класс равен ключевому слову раздела. Соответственно в стилях и прописывайте фоновое изображения для списка вместо того, чтобы вставлять изображение в сам элемент списка.

Для ссылок в меню укажите в css - display: block, чтобы весь элемент списка был ссылкой.

Ну и в макете пропишите в нужном месте вывод меню:
Код:
<?=nc_browse_sub(0, $menu);?>


Знание может быть лишь у того, у кого есть вопросы. Ханс Георг Гадамер
198 196 2013-12-13 15:06:44 13432
Описание проекта