Форум русской поддержки Joomla!® CMS
07.12.2016, 20:29:43 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 427 раз)
0 Пользователей и 1 Гость смотрят эту тему.
sword852d
Осваиваюсь на форуме
***

Репутация: +8/-0
Offline Offline

Сообщений: 161


« : 26.09.2015, 12:40:49 »

Подскажите, а сложно сделать меню стандартного шаблона protostar резиновым как сам сайт?
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #1 : 26.09.2015, 13:40:05 »

подсказываем:не сложно.
Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Online Online

Пол: Женский
Сообщений: 4718

Мама, я снова верстал во сне...


« Ответ #2 : 26.09.2015, 14:49:36 »

sword852d, что Вы понимаете под словом "резиновым"? Опишите подробнее что именно хотите получить.
Записан
sword852d
Осваиваюсь на форуме
***

Репутация: +8/-0
Offline Offline

Сообщений: 161


« Ответ #3 : 26.09.2015, 19:03:01 »

Taatshi, При изменении размера монитора пункты горизонтального меню становятся столбиком, можно его сделать чтобы оно было всегда горизонтальным и растягивалось по размеру страницы?
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #4 : 26.09.2015, 19: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; /*ссылка меняет цвет при наведении указателя*/
               }


обычная выпадашка резиновая(я так понял, чтоб под мониторы растягивалась)
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #5 : 27.09.2015, 09:14:28 »

Спасибо за плюсик, но вам ТС не CSS надо, у вас с чистым кодом в Joomla начнутся новые проблемы, например, юзабилити.
думаю вы не справитесь.
Посоветую вам flat menu , вроде для вашей "резиновости" подходит.
http://www.smartaddons.com/joomla/extensions/free-extensions/item/567-sj-flat-menu-free-responsive-joomla-module
Но как выше вам уточнили, вы не грамотно высказали вашу просьбу.
Советую почитать мануалы про адап, крос, моб шаблоны и многое другое.Ссылок много, гугл не отменялся.
Записан
sword852d
Осваиваюсь на форуме
***

Репутация: +8/-0
Offline Offline

Сообщений: 161


« Ответ #6 : 28.09.2015, 07:41:58 »

vipiusss, Да вы правы самому в принципе вывода стандартного меню точно не разобраться! Придется использовать готовые модули. Благодарю за совет и ссылку!
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet