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

sword852d

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

vipiusss

  • Профи
  • 5605
  • 322
  • Круглая ава-зло!
Re: Резиновое меню protostar
« Ответ #1 : 26.09.2015, 12:40:05 »
подсказываем:не сложно.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Taatshi

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

sword852d

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

vipiusss

  • Профи
  • 5605
  • 322
  • Круглая ава-зло!
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

  • Профи
  • 5605
  • 322
  • Круглая ава-зло!
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

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

Как в t3 framework разместить меню напротив логотипа\?

Автор KingSnake

Ответов: 3
Просмотров: 44
Последний ответ 18.09.2017, 10:20:49
от lexxbry
Выпадающее меню по клику в шаблонах Yootheme

Автор pvi1

Ответов: 3
Просмотров: 64
Последний ответ 13.09.2017, 21:54:15
от fbr
Protostar

Автор Edward_m

Ответов: 6
Просмотров: 284
Последний ответ 01.08.2017, 09:03:31
от Edward_m
Фиксированное при прокрутке горизонтальное меню на шаблоне Bootstrap

Автор sergey-911

Ответов: 1
Просмотров: 232
Последний ответ 30.07.2017, 14:29:44
от sergey-911
Как в шаблоне protostar сделать чтоб меню на всех разрешениях пряталось под кнопку?

Автор stendapuss

Ответов: 0
Просмотров: 133
Последний ответ 21.07.2017, 06:21:02
от stendapuss