Joomla 1.5 Как придать блокам вид свертков?

Тема в разделе "Создание шаблона", создана пользователем Tomat666, 20.04.2010.

  1. Offline

    Tomat666 Недавно здесь

    Регистрация:
    20.04.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Всем привет. Нашел на форуме похожий вопрос, но ответа на него не было.
    Требуется создать меню в виде свертков (рулонов) или чтобы вообще все блоки отображались подобно ( голосования, авторизация и проч.) Трудность в том,что не могу найти, как описать нижнюю часть блоков. В заголовок - верхний колонтитул (там, где название блока) вставляю необходимую картинку, телу блока задаю необходимый бекграунд, нужна еще нижняя картинка, чтобы свиток был единым целым, а тело блока тянулось в зависимости от кол-ва пунктов.
     
  2.  
  3. Offline

    ipkovalchuk Недавно здесь

    Регистрация:
    10.04.2010
    Сообщения:
    26
    Симпатии:
    2
    Пол:
    Мужской
    всё решается версткой, хоть бы показали изображение рулона.
    примерный код такой
    Код (PHP):
    1. <div class="modul">
    2.     <div class="t"></div>
    3.     <div class="p">сюда вставляем код, для вывода модуля</div>
    4.     <div class="f"></div
    5. </div>
    6.  
    7. css
    8. .modul{
    9.     min-height:100px; /*задаём минимальную высоту для блока*/
    10.     width:200px;/*задаём ширину для блока*/
    11. }
    12. /*верхняя часть рулона*/
    13.     .modul .t{
    14.          height:10px;
    15.          width:200px;
    16.          background: url(images/images.png) no-repeat;
    17.     }
    18. /*нижняя часть рулона*/
    19.     .modul .f{
    20.          height:10px;
    21.          width:200px;
    22.          background: url(images/images_2.png) no-repeat;
    23.     }
    24. /*центральная часть*/
    25.     .modul .p{
    26.          min-height:90px; /*можно задать минимальную высоту*/
    27.          width:200px;
    28.          background: url(images/images_2.png) repeat-x ; /*в зависимости от фона заливку делаем или по x или по y.*/
    29.     }

    только ставим свои значения
     

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

Загрузка...