Новости Joomla

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

sword852d

  • Захожу иногда
  • 199
  • 9 / 0
Резиновое меню protostar
« : 26.09.2015, 11:40:49 »
Подскажите, а сложно сделать меню стандартного шаблона protostar резиновым как сам сайт?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Резиновое меню protostar
« Ответ #1 : 26.09.2015, 12:40:05 »
подсказываем:не сложно.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Резиновое меню protostar
« Ответ #2 : 26.09.2015, 13:49:36 »
sword852d, что Вы понимаете под словом "резиновым"? Опишите подробнее что именно хотите получить.
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

sword852d

  • Захожу иногда
  • 199
  • 9 / 0
Re: Резиновое меню protostar
« Ответ #3 : 26.09.2015, 18:03:01 »
Taatshi, При изменении размера монитора пункты горизонтального меню становятся столбиком, можно его сделать чтобы оно было всегда горизонтальным и растягивалось по размеру страницы?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Резиновое меню protostar
« Ответ #4 : 26.09.2015, 18:27:09 »
код дайте, хотя бы ваши наброски меню "резинового" ... это вопрос в CSS
вот пример

<ul>
     <li><a href="#">1</a></li>
     <li><a href="#">2</a></li>
     <li><a href="#">3</a></li>
     <li><a href="#">4</a></li>
     <li><a href="#">5</a></li>
</ul>

ul {
       margin:0; /*обнуляем отступы*/
       padding:0; /*обнуляем отступы*/
       float:left; /*выравниваем список по левому краю*/
       width:auto;/*задаем ширину авто исходя из типа и содержимого списка*/
       background-image: url(bg.gif); /*устанавливаем фоновое изображение*/
       background-repeat:repeat-x; /*повторяем наше изображение по горизонтали*/
       list-style:none; /*удаляем маркеры списка*/
       background-color:#4778c3; /*задаем цвет фона под изображение*/
       font-size:13px; /*задаем размер шрифта*/
       font-family:Arial, Helvetica, sans-serif; /*устанавливаем шрифт*/
   }
   
   ul li {
          float:left; /*выравниваем элементы списка по левому краю*/
          }
   
   ul a {
         display:block; /*представляем ссылки меню как блочные элементы*/
         width:100px; /*задаем размер блока*/
         height:30px; /*и высоту блока*/
         text-align:center; /*надпись по центру*/
         line-height: 2.1em; /*межстрочный интервал*/
         text-decoration:none; /*убираем подчеркивание у ссылок*/
         color:#fff; /*цвет текста ссылок - белый*/
         border-right:#fff solid 1px; /*бордюр правой стороны блока (белая линия в 1px)*/
   }
   
   ul a:hover {
               color:#ccc; /*ссылка меняет цвет при наведении указателя*/
               }


обычная выпадашка резиновая(я так понял, чтоб под мониторы растягивалась)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Резиновое меню protostar
« Ответ #5 : 27.09.2015, 08:14:28 »
Спасибо за плюсик, но вам ТС не CSS надо, у вас с чистым кодом в Joomla начнутся новые проблемы, например, юзабилити.
думаю вы не справитесь.
Посоветую вам flat menu , вроде для вашей "резиновости" подходит.
http://www.smartaddons.com/joomla/extensions/free-extensions/item/567-sj-flat-menu-free-responsive-joomla-module
Но как выше вам уточнили, вы не грамотно высказали вашу просьбу.
Советую почитать мануалы про адап, крос, моб шаблоны и многое другое.Ссылок много, гугл не отменялся.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

sword852d

  • Захожу иногда
  • 199
  • 9 / 0
Re: Резиновое меню protostar
« Ответ #6 : 28.09.2015, 06:41:58 »
vipiusss, Да вы правы самому в принципе вывода стандартного меню точно не разобраться! Придется использовать готовые модули. Благодарю за совет и ссылку!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2478
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4716
Последний ответ 23.05.2023, 07:22:49
от geral
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1148
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2172
Последний ответ 20.03.2023, 12:42:49
от Andre100
OffCanvas меню

Автор Алексей Лоскутов

Ответов: 5
Просмотров: 2252
Последний ответ 13.02.2023, 20:20:37
от dashkov