Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1595 Просмотров
*

streelok

  • Захожу иногда
  • 331
  • 0 / 6
редактирование меню
« : 08.09.2011, 11:39:59 »
существует такая проблема.. есть меню.. при наведении на ссылку должен появляться фон.. (как на картинке..)но проблема в том что ширина ссылок разая и фон этот должен как то растягиваться.. как это осуществить
« Последнее редактирование: 08.09.2011, 14:46:25 от streelok »
Записан
*

allydawn

  • Захожу иногда
  • 132
  • 13 / 0
  • falling from the sky - day seven
Re: редактирование меню
« Ответ #1 : 08.09.2011, 17:30:12 »
Смотри как это осуществлено в других шаблонах, обычно берут какой-то элемент...редко овал, чаще прямоугольник, и в CSS с помощью атрибута "background" разбивают его на отрезки, так чтобы правая сторона элемента отображалась справа, левая слева, а середина растягивалась. прошу прощения за нубскую терминологию  ;D

Отрезок кода из шаблона yoo_royalplaza, например

Код
#menu li.level1:hover  { background: url(../images/menu_level1_item.png) 0 -45px no-repeat; }

#menu li:hover a.level1,
#menu li:hover span.level1 { background: url(../images/menu_level1_item.png) 100% -90px no-repeat; }

#menu li:hover a.level1 span.bg,
#menu li:hover span.level1 span.bg,
#menu li.remain .level1 span.bg { 
	background: url(../images/menu_level1_item.png) 0 -135px repeat-x;
	color: #1F4677;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#menu li.level1.parent:hover,
#menu li.level1.remain { background: url(../images/menu_level1_item.png) 0 -180px no-repeat; }

#menu li.parent:hover a.level1,
#menu li.parent:hover span.level1,
#menu li.parent.remain a.level1,
#menu li.parent.remain span.level1 { background: url(../images/menu_level1_item.png) 100% -225px no-repeat; }

#menu li.parent:hover a.level1 span.bg,
#menu li.parent:hover span.level1 span.bg,
#menu li.parent.remain .level1 span.bg { background-position: 0 -270px; }
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: редактирование меню
« Ответ #2 : 08.09.2011, 17:47:46 »
С овалом действительно сложнее. Но нет ничего невозможного: Правите вывод элемента меню например так:
1. templates\имя_шаблона\html\mod_menu\default_component.php:
Код
<?php defined('_JEXEC') or die; ?>
<a class="menu_bg" href="<?php echo $item->flink;?>" title="<?php echo $item->title;?>">
<span><?php echo $item->title; ?></span>
<img src="..." />
</a>
2. templates\имя_шаблона\css\templates.css:
Код
.menu_bg, .menu_bg span {position:relative;}
.menu_bg span {z-index:1;}
.menu_bg img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}



Записан
*

johnferre

  • Новичок
  • 9
  • 0 / 0
Re: редактирование меню
« Ответ #3 : 08.09.2011, 18:16:56 »
код в студию
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

 Ответов: 5
Просмотров: 4155 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

 Ответов: 9
Просмотров: 1835 		Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

 Ответов: 6
Просмотров: 1500 		Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

 Ответов: 16
Просмотров: 1673 		Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

 Ответов: 4
Просмотров: 2245 		Последний ответ 09.01.2016, 17:07:35
от warlocksp