Персональное меню

нужна помощь

#1 28 августа 2016 в 12:20
Доброго дня пытаюсь сверстать шаблон по макету
застряла на виджете аватар юзера
необходимо чтобы Мой профиль и Сообщения (с ajax формой уведомлений) выводились под аватаркой
нашла путь вставить в avatar.tpl.php <?php $this->menu('personal'); ?>
но меню выводится в вертикальном положении
как сделать чтобы было горизонтальным
Прикрепленный файл
asd_5q5c6.png 24 Кб
#2 28 августа 2016 в 12:43
Ну наверно с помощью изменения css.
Там что то типа
.menu_item li{
display: inline-block;
}
#3 28 августа 2016 в 12:49
Для нужного меню:
  1.  
  2. .menu li {
  3. display: inline-block;
  4. }
  5.  
Лучше сложным селектором (в двойке, как правило, стиль уже прописан таким образом).
Если ваше меню расположено в узкой колонке, скорей всего прийдётся искуственно ограничить ширину пунктов (width, max-width)
Удачи!
#4 28 августа 2016 в 12:56


Для нужного меню:

  1.  
  2. .menu li {
  3. display: inline-block;
  4. }
  5.  
Лучше сложным селектором (в двойке, как правило, стиль уже прописан таким образом).
Если ваше меню расположено в узкой колонке, скорей всего прийдётся искуственно ограничить ширину пунктов (width, max-width)
Удачи!

Олег Васильевич я
Попробывала прописать стили .menu li {
display: inline-block;, не выходит, виджет находиться в узкой колонке, left sidebar,
#5 28 августа 2016 в 13:02


Ну наверно с помощью изменения css.
Там что то типа
.menu_item li{
display: inline-block;
}

Нил™

вообще какой то бред получился
Прикрепленный файл
4_5q5c6.png 22 Кб
#6 28 августа 2016 в 13:09

вообще какой то бред получился

Deefacto
Вы хотели горизонтально — получилось горизонтально.
А что бы было ещё и ровно и красиво, наверно нужно работать над оформлением дальше, раcсчитать максимальную ширину ul, подогнать ширину li что бы помещалось два пункта, задать высоту li, подогнать размер шрифта и т д.
#7 28 августа 2016 в 13:12


вообще какой то бред получился

Deefacto
Вы хотели горизонтально — получилось горизонтально.
А что бы было ещё и ровно и красиво, наверно нужно работать над оформлением дальше, раcсчитать максимальную ширину ul, подогнать ширину li что бы помещалось два пункта, задать высоту li, подогнать размер шрифта и т д.

Нил™

спасибо буду ковырять)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.