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

Discussion in 'Создание шаблона' started by Tomat666, Apr 20, 2010.

  1. Offline

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

    Joined:
    Apr 20, 2010
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Всем привет. Нашел на форуме похожий вопрос, но ответа на него не было.
    Требуется создать меню в виде свертков (рулонов) или чтобы вообще все блоки отображались подобно ( голосования, авторизация и проч.) Трудность в том,что не могу найти, как описать нижнюю часть блоков. В заголовок - верхний колонтитул (там, где название блока) вставляю необходимую картинку, телу блока задаю необходимый бекграунд, нужна еще нижняя картинка, чтобы свиток был единым целым, а тело блока тянулось в зависимости от кол-ва пунктов.
     
  2.  
  3. Offline

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

    Joined:
    Apr 10, 2010
    Messages:
    26
    Likes Received:
    2
    Gender:
    Male
    всё решается версткой, хоть бы показали изображение рулона.
    примерный код такой
    Код (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.     }

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

Share This Page

Loading...