Новости Joomla

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

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Cоздать меню как на apple.com
« : 03.12.2012, 20:18:54 »
Всем доброго времени суток.
Встала задача о создании меню на сайте такого же стиля как и на  www.apple.com (верхнее серое меню).
Хочу сделать его только через CSS.
  • При создании столкнулся с проблемой совмещения 3-х бэкграундов в одном блоке (возможно ли такое?). Первый бэкграунд (закругленность слева) вставляю background-position:left, средняя часть - бэкграунд шириной в 1px, вставляю его репитом, третья чать (закругленность справа) вставляется, только при этом он оказывается под слоем бэкграунда с репитом. Как можно решить проблему? Либо закруглить обе стороны с помощью CSS?(тогда как?)
  • Вторая проблема - вставка сепараторов. Точнее вставляется все путем, вставляю его в каждый пунк бэкграундом background position:right, но при наведении на пункт меню, должен меняться фон...получается каряво все.
Помогите разрешить проблему. Есть ли рациональные способы решения?
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Re: Cоздать меню как на apple.com
« Ответ #1 : 03.12.2012, 21:46:55 »
Сделайте фон для кнопок так, как я описывал в этой теме. Он займет a и span в меню. Сепаратор выставите фоном для li.
Все должно получиться.
*

SmiP

  • Захожу иногда
  • 262
  • 35 / 0
Re: Cоздать меню как на apple.com
« Ответ #2 : 03.12.2012, 22:30:04 »
Вот здесь расписано по пунктам как сделать
Навигация как на Apple.com средствами CSS3
http://ruseller.com/lessons.php?rub_id=2&id=1149
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Cоздать меню как на apple.com
« Ответ #3 : 04.12.2012, 13:40:52 »
Цитировать
Сделайте фон для кнопок так, как я описывал в этой теме. Он займет a и span в меню. Сепаратор выставите фоном для li.
Все должно получиться.
Цитировать
Вот здесь расписано по пунктам как сделать
Навигация как на Apple.com средствами CSS3
http://ruseller.com/lessons.php?rub_id=2&id=1149
Спасибо, сейчас взгляну.
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Cоздать меню как на apple.com
« Ответ #4 : 04.12.2012, 13:46:44 »
Цитировать
Вот здесь расписано по пунктам как сделать
Навигация как на Apple.com средствами CSS3
http://ruseller.com/lessons.php?rub_id=2&id=1149
Забавно, что в opera 12 меню отображается упрощенно. Разочарован.
Я читал эту статейку. стили применимы к меню Joomla?
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Re: Cоздать меню как на apple.com
« Ответ #5 : 04.12.2012, 14:28:11 »
Думаю, никаких проблем с применением стилей не возникнет. Через CSS3 сделать будет проще, но будет менее кроссбраузерно, чем если сделать изображениями. Так что, в принципе, только Вам решать, какой из способов применить.
*

SmiP

  • Захожу иногда
  • 262
  • 35 / 0
Re: Cоздать меню как на apple.com
« Ответ #6 : 04.12.2012, 14:31:31 »
Допишите стили для Opera, там в комментариях есть пример.
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Cоздать меню как на apple.com
« Ответ #7 : 04.12.2012, 16:11:01 »
Спасибо большое. Разобрал стили эппловской менюшки. Чисто ее не использовал, но ход логики CSS понял, сделал свою такую же.
Сделал бэкграунд - репитнутые гифки, кроссбраузерно.

Всем еще раз, спасибо.
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Cоздать меню как на apple.com
« Ответ #8 : 04.12.2012, 18:45:48 »
Не буду создавать новую тему, суть одна.
На старничке http://www.apple.com/mac/, под вехним меню, которое я делал есть слайдер-меню.
Если есть какие либо решения по его созданию, буду благодарен.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

убрать из меню заголовки h3

Автор nexter

Ответов: 19
Просмотров: 6397
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 2074
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 3002
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 21288
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 2289
Последний ответ 01.03.2019, 11:12:18
от vasmed