Резиновое меню protostar

  • 6 Ответов
  • 568 Просмотров

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

*

Оффлайн sword852d

Резиновое меню protostar
« : 26.09.2015, 13:40:49 »
Подскажите, а сложно сделать меню стандартного шаблона protostar резиновым как сам сайт?

*

Онлайн vipiusss

  • ********
  • 5850
  • [+]324 / [-]10
  • Пол: Мужской
  • Skype: renor_
    • Просмотр профиля
Re: Резиновое меню protostar
« Ответ #1 : 26.09.2015, 14:40:05 »
подсказываем:не сложно.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Taatshi

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

*

Оффлайн sword852d

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

*

Онлайн vipiusss

  • ********
  • 5850
  • [+]324 / [-]10
  • Пол: Мужской
  • Skype: renor_
    • Просмотр профиля
Re: Резиновое меню protostar
« Ответ #4 : 26.09.2015, 20: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

  • ********
  • 5850
  • [+]324 / [-]10
  • Пол: Мужской
  • Skype: renor_
    • Просмотр профиля
Re: Резиновое меню protostar
« Ответ #5 : 27.09.2015, 10: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

Re: Резиновое меню protostar
« Ответ #6 : 28.09.2015, 08:41:58 »
vipiusss, Да вы правы самому в принципе вывода стандартного меню точно не разобраться! Придется использовать готовые модули. Благодарю за совет и ссылку!