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

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
всем привет!  Столкнулась с таким интересным видом меню как здесь http://art-of-shopping.livejournal.com/
основное меню в кругах. Как можно организовать подобное своими силами на Joomla ?
 ! ! ! :-* :-* :-*
*

ELLE

  • Глобальный модератор
  • 4510
  • 893 / 0
Re: Как организовать такое меню?
« Ответ #1 : 08.04.2014, 01:46:51 »
скриншот можете сделать? у меня не открывается ссылка
*

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
Re: Как организовать такое меню?
« Ответ #2 : 08.04.2014, 02:01:47 »
Да, конечно. Вот он и вот в действии
*

ELLE

  • Глобальный модератор
  • 4510
  • 893 / 0
Re: Как организовать такое меню?
« Ответ #3 : 08.04.2014, 02:14:24 »
ну тут чисто на CSS все сделано. задан основной фон списку ссылок и далее ссылки просто позиционируют так, чтобы при наведении темный кружочек был в нужной позиции.
можете FireBug использовать чтобы исследовать подробнее это. могу сказать ничего сложного нет
*

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
Re: Как организовать такое меню?
« Ответ #4 : 08.04.2014, 12:40:32 »
Хххмммм что то я с CSS совсем не дружу... Вот такой код мне выдал  FireBug
<h3 class="content-intro-head">Путеводитель по блогу</h3>
<ul class="content-intro-items">
<li class="content-intro-item content-intro-item-bags">
<a href="http://art-of-shopping.livejournal.com/tag/%D1%81%D1%83%D0%BC%D0%BA%D0%B8">
<span class="content-intro-item-inner">Cумки</span>
</a>
</li>
Умом понимаю, что не по аналогии все делать... Но непосредственно сама картинка нигде не прописана :(((
Список ссылок нашла, а вот привязки их к основной картинке - не обнаружила (((
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Как организовать такое меню?
« Ответ #5 : 08.04.2014, 12:53:50 »
Картинка прописана как фоновое изображение к тегу ul
а уже потом пункты абсолютно позиционированы в нужных местах
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как организовать такое меню?
« Ответ #6 : 08.04.2014, 13:21:04 »
Тут не так просто. Map надо делать (такая древняя технология). На скрине ссылки в нахлёст, соответственно квадратные недопустимы, нужны круглые. Можно сделать карты изображений с пустым пикселем просто например. Главное круглую форму получить.
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Re: Как организовать такое меню?
« Ответ #7 : 08.04.2014, 15:12:01 »
Даа, map уже слишком :) Круг можно и border-radius:50%; сделать. А всё меню - обычный ul с абсолютно-позиционированными li, но для каждого li писать координаты как-то не очень комильфо :) Но можно с jquery поиграться, с рандомным выводом и размером:)
« Последнее редактирование: 08.04.2014, 15:31:57 от kamaz6141 »
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1546
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2120
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 814
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 794
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1071
Последний ответ 20.07.2020, 11:18:44
от kuraev64