Новости Joomla

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™. Интервью с волонтёрами 🎈Ну что, друзья, вот и настал этот долгожданный момент. Мы выпустили первое издание собственного журнала под эгидой NorrNext, который включает в себя интервью с видными деятелями сообщества из разных стран и континентов.Общий нарратив: показать, что нас объединяет (Joomla) и узнать больше о людях, которые вносят свой вклад в развитие платформы в своих сообществах. 20 лет — это много. Давайте же узнаем о коллегах 🎁 Первый цикл включает такие страны, как Австрия, Испания, Латвия, Россия, Румыния, Тайланд, Черногория, Чехия.⚙️ С кем интервью: ✔️ Владимир Елисеев 🇷🇺✔️ Дмитрий Рекун 🇱🇻✔️ Дмитрий Цымбал 🇷🇺✔️ Евгений Сивоконь 🇷🇺 ✔️ Сергей Толкачёв 🇷🇺✔️ Dénes Székely 🇷🇴✔️ Jan Pavelka 🇨🇿✔️ Miljan Vujosevic 🇲🇪✔️ Sergio Iglesias 🇪🇸✔️ Sigrid Gramlinger 🇦🇹✔️ Pisan Chueatchatchai 🇹🇭‼️ Новые интервью будут добавляться до конца декабря 2025. Заходите по ссылке время от времени💡👉 Читать далее

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

slasla

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Здравствуйте.

Есть задача - поставить изображение в боковом меню ПОСЛЕ текста.

Как поставить до текста - это ясно, можно использовать стандартную джумловскую возможность в опциях меню. А как после - увы, непонятно.
Предполагаю, конечно, что надо найти код, ответственный за показ меню, и там поменять местами вывод изображения и текста, но где его искать - непонятно.

Меню боковое, шаблон от Rockettheme - Afterburner2

Может кто сталкивался с этим уже?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню и картинка после текста
« Ответ #1 : 21.06.2014, 00:19:16 »
Ну можно и средствами CSS попробовать развести. Ссылку на сайт дайте.
*

slasla

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Меню и картинка после текста
« Ответ #2 : 21.06.2014, 00:21:36 »
Ну можно и средствами CSS попробовать развести. Ссылку на сайт дайте.
На локалхосте лежит пока.
Через CSS не хочет оно. Т.е. именно в коде нужно править. В коде стандартного меню даже, наверное.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню и картинка после текста
« Ответ #3 : 21.06.2014, 00:24:11 »
Плохо просите, раз не хочет. Есть разные трюки там, приёмы. Залейте куда-нить на хостинг.
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Меню и картинка после текста
« Ответ #4 : 21.06.2014, 13:32:25 »
Покажите кусок кода вывода итема меню с фронта (ctrl+u)
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Меню и картинка после текста
« Ответ #5 : 21.06.2014, 15:05:41 »
Возможно, если вывод на стандартном меню, так:
.nav li > a > img {float:right;padding-left:5px;}
*

slasla

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Меню и картинка после текста
« Ответ #6 : 21.06.2014, 16:20:07 »
Возможно, если вывод на стандартном меню, так:
.nav li > a > img {float:right;padding-left:5px;}
Если делать float: right применительно к img - тогда все картинки на сайте уйдут вправо, и потом надо будет каждую выравнивать влево, что не очень удобно.

Вот элемент кода меню с фронта:
Код
<ul class="menu">
<li class="item-141">[b]<a href="/catalogs.html#cat3" ><img src="/images/sale-1.jpg" alt="Женская одежда" /><span class="image-title">Женская одежда</span> </a></li></ul>

Вот из CSS - все про меню):
Код
ul.menu{list-style:none;margin:0;padding:0;}

ul.menu ul{list-style:none;}

ul.menu li{margin-bottom:8px;}

ul.menu li a,ul.menu li .item,ul.menu li .separator{text-decoration: none;display:block;}

ul.menu li a:hover,ul.menu li .item:hover,ul.menu li .separator:hover{background:none;}

ul.menu li a:before,ul.menu li .item:before,ul.menu li .separator:before{content:"\f138";font-family:FontAwesome;margin-right:10px;display:inline;}

ul.menu li:last-child{margin-bottom:0;}ul.menu li ul{margin:0 0 0 20px;padding:8px 0 0;}ul.menu li.active.current,ul.menu li#current.active{border:0;padding:0;}

ul.menu li.active.current > a,ul.menu li#current.active > a{color:#6e6e6e;}

ul.menu li.active.current > a:before,ul.menu li.active.current > .item:before,ul.menu li.active.current > .separator:before,ul.menu li#current.active > a:before,ul.menu li#current.active > .item:before,ul.menu li#current.active > .separator:before{content:"\f0a9";}

ul.menu ul.small{font-size:14px;}
« Последнее редактирование: 21.06.2014, 16:58:13 от slasla »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню и картинка после текста
« Ответ #7 : 21.06.2014, 17:10:05 »
Спойлер
[свернуть]

Код: css
#rt-sidebar-a .menu a {position:relative;}
#rt-sidebar-a .menu img {position:absolute; right:20px;}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню и картинка после текста
« Ответ #8 : 21.06.2014, 17:24:58 »
Если делать float: right применительно к img - тогда все картинки на сайте уйдут вправо, и потом надо будет каждую выравнивать влево, что не очень удобно.

Вариант с автовыравниванием:

Спойлер
[свернуть]

Код: css
#rt-sidebar-a .menu,
#rt-sidebar-a .menu li {float:left;}
#rt-sidebar-a .menu a,
#rt-sidebar-a .menu img {float:right}
#rt-sidebar-a .menu img {margin-bottom:-100px; position:relative; top:-2px;}
*

slasla

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Меню и картинка после текста
« Ответ #9 : 23.06.2014, 20:22:25 »
Вариант с автовыравниванием:

Спойлер
[свернуть]

Код: css
#rt-sidebar-a .menu,
#rt-sidebar-a .menu li {float:left;}
#rt-sidebar-a .menu a,
#rt-sidebar-a .menu img {float:right}
#rt-sidebar-a .menu img {margin-bottom:-100px; position:relative; top:-2px;}

Спасибо!
Правда заказчик уже передумал)) Но тем не менее, на будущее буду знать.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Назначение макета, посредством ссылки в меню

Автор xxxLOGIATxxx

Ответов: 20
Просмотров: 6619
Последний ответ 04.02.2022, 14:44:14
от hoi
Съезжает меню при наведении

Автор yyyuuu

Ответов: 4
Просмотров: 3617
Последний ответ 08.12.2020, 11:12:32
от AlexB
Проблемы в горизонтальном меню Joomla 2.5

Автор Димьяна

Ответов: 1
Просмотров: 4098
Последний ответ 27.11.2018, 14:58:30
от Ragivort
Картинка в шаблоне

Автор Alkor94

Ответов: 13
Просмотров: 3103
Последний ответ 23.05.2018, 03:04:28
от Alkor94
mod_menu и подписи к пунктам меню (subtitles)

Автор St@lker

Ответов: 21
Просмотров: 8782
Последний ответ 29.10.2017, 16:24:00
от xilog