Joomla 1.0 Проблема в создании меню с закругленными углами

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем ResorD, 11.06.2009.

  1. Offline

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

    Регистрация:
    10.06.2009
    Сообщения:
    5
    Симпатии:
    0
    Здравствуйте.
    Уже второй день мучаюсь с меню для сайта с закругленными углами. Разбил исходную картинку на 4 гифа в файрворксе, растянул их в фотошопе(чтоб не рвались при растяжении), прописал 4 блока дивов, вроде получилось, но с косяками, которые не могу убрать.


    ЭТО template_css.css

    .block {
    width: 200px;
    height: 300px;
    }

    /* Закругленные углы для модулей, выводимых с параметром -3. */
    .block div.module {
    background: url(../images/bl.gif) 0 100% no-repeat;
    margin-bottom: 10px;
    color: #FFFFFF;
    padding-left: 25px;
    }
    #pos_left {
    width: 219px;
    height: 300px;
    float:left;
    overflow: hidden;
    }

    .block div.module div {
    background: url(../images/br.gif) 100% 100% no-repeat;
    margin-bottom: -20px;

    }
    .block div.module div div{
    background: url(../images/tl.gif) no-repeat;
    background-position: top left;
    margin-left: -7px;
    }
    .block div.module div div div {
    background: url(../images/tr.gif) no-repeat;
    background-position: top right;
    margin-left: -10px;
    padding: 8px;
    width: auto !important;
    width: 100%;
    }
    .block div.module div div div h3 {
    color: #E6E6E7;
    font-size: 14px;
    line-height: 12px;
    font-weight:bold;
    text-align:center;
    }


    Index.php

    <?php /* build position left */ ?>

    <div id="pos_left">
    <div class="block">
    <?php if (mosCountModules( 'left' )) mosLoadModules( 'left', -3 ); ?>
    </div>
    </div>

    Не могу сдвинуть пункты меню, которые отображаются между картинками bottom left и top left и левее рамки меню, т.к. при сдвиге уходит вправо картинка top left прямо пропорционально сдвигу текста.
    Вопрос: как и где отредактировать положение пунктов меню(а так же цвет итд), чтоб не пострадала картинка? Где вообще редактируется сам текст этого меню?

    А так же еще один вопрос. Каждый ново добавленный пункт меню растягивает меню (то есть нижние две картинки), то есть если пунктов вообще не будет, будут отображаться только две верхние картинки, а нижних не будет. Дак вот, растягивать то растягивает, только получается так, что при растяжении самый нижний пункт меню задевает рамку, т.е. стоит на ней, смотрится не очень. Как сделать так, чтоб между последним пунктом меню и рамкой было расстояние не впритык, а скажем пикселей 10-15?

    Делаю менюшку как на картинки.
     

    Вложения:

    Последнее редактирование: 11.06.2009
  2.  
  3. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    ResorD, приделай еще к немнему
    блок.а
    блок.а:линк
    блок.а:ховер
    блок.а:визитед
    тут подчеркивание цвет шрифта размер и тп, а про отступ надо
    шарик_ верхний блок_шарик
    боковой блок_тело_боковой блок
    шарик_ нижний блок_шарик
    шарик думаю поймешь зачем
     
  4. Offline

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

    Регистрация:
    10.06.2009
    Сообщения:
    5
    Симпатии:
    0
    за первую часть спасибо, помогло.
    что за шарик?))
     
    Последнее редактирование: 11.06.2009
  5. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    все понял ты просто боковинки сделал с закругленными краями
     
  6. Offline

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

    Регистрация:
    10.06.2009
    Сообщения:
    5
    Симпатии:
    0
    Вопрос №1 полностью решен.
    Все еще очень интересно узнать как сделать при автоматическом растягивающемся вниз меню (в зависимости от кол-ва пунктов меню) расстояние между рамкой и нижним пунктом меню не равное нулю, то есть хоть какой-то отступ.
     
  7. Offline

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

    Регистрация:
    10.06.2009
    Сообщения:
    5
    Симпатии:
    0
    вопросы решены.
     
  8. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    ResorD, напиши как может пригодиться кому нить
     

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

Загрузка...