1. ВСЁ ЧТО НУЖНО ЗНАТЬ О JOOMLA — ЗА ОДИН ДЕНЬ!
    Гость, не пропусти Joomla!Day Russia 2017 - 20% скидка (JDCB9TOIIIA)
    Скрыть объявление

Резиновое меню для joomla 1.7

Тема в разделе "Вопросы по работе с меню", создана пользователем Михаил М, 15.12.2011.

  1. Offline

    Михаил М Недавно здесь

    Регистрация:
    06.05.2011
    Сообщения:
    57
    Симпатии:
    2
    Пол:
    Мужской
    Хотелось бы построить на CSS резиновое меню для Джумлы.

    Нашел пример, в отдельности работает как надо. При вставке кода в индексную страницу все сбивается к левому краю. Можете подсказать причину.

    Вот код CSS
    Код (CODE):
    1. ul {
    2.     text-align: justify;
    3.     overflow: hidden; /* нужно чтобы обрезать разные побочные эффекты приема */
    4.     height: 20px; /* нужна чтобы устранить один побочный эффект, но иногда можно обойтись без нее */
    5.     cursor: default; /* растянутый текст justify приведет к тому что почти вся плашка меню будет иметь cursor: text */
    6.     margin: 50px 100px 0 100px;
    7.     background: #CCCCCC;
    8.     padding: 5px;
    9. }
    10. li {
    11.     display: inline; /* чтобы пункты меню выступали в роли текста */
    12. }
    13. li a {
    14.     display: inline-block; /* чтобы не разрывались слова в пунктах меню */
    15.     color: #0000CC;
    16. }
    17. a:hover {
    18.     color: #ff0000;
    19. }
    20. ul:after { /* эмуляция дополнительной строки, чтобы сработал justify */
    21.     content: "1";
    22.     margin-left: 100%;
    23.     height: 1px;
    24.     overflow: hidden;
    25.     display: inline-block;
    26. }



    соответсвенно проверка в отдельном файле
    Код (CODE):
    1. <ul>
    2. <li><a href="#">Главная</a></li>
    3. <li><a href="#">Собираем</a></li>
    4. <li><a href="#">Следим</a></li>
    5. <li><a href="#">Без цензуры</a></li>
    6. <li><a href="#">Учимся</a></li>
    7. <li><a href="#">Справочники</a></li>
    8. </ul>



    и в индексном файле шаблона.
    Код (CODE):
    1. <div>
    2.         <?php if($this->countModules('position-80')) : ?>
    3.             <jdoc:include type="modules" name="position-80" />
    4.         <?php endif; ?>
    5.         </div>
     
  2.  
  3. Offline

    Валентин Недавно здесь

    Регистрация:
    20.12.2011
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите пожалуйста как сделать резиновым сайт Батэ
     

Поделиться этой страницей

Загрузка...