Настройка модуля YOOcarouse

Тема в разделе "Программирование", создана пользователем YSA, 12.12.2011.

  1. Offline

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

    Регистрация:
    17.05.2011
    Сообщения:
    127
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте я только начал настраивать модуль YOOcarouse, но уже понимаю что не смогу решить проблему с задним планом .Как сделать что бы отображался только модуль без заднего плана?То есть сам модуль было видно, а задний план сделать прозрачным?

    [​IMG]
    Заранее большое спасибо!
     
  2.  
  3. Follower
    Offline

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

    Регистрация:
    06.02.2009
    Сообщения:
    186
    Симпатии:
    10
    Пол:
    Мужской
    Проверьте, не сделан ли фон модуля картинкой, и если да, то суньте туда прозрачный png.
     
  4. Offline

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

    Регистрация:
    17.05.2011
    Сообщения:
    127
    Симпатии:
    0
    Пол:
    Мужской
    Вроде нет!
    Скриншот папки с модулем:
    [​IMG]
     
  5. Offline

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

    Регистрация:
    17.05.2011
    Сообщения:
    127
    Симпатии:
    0
    Пол:
    Мужской
    По очереди все перекрасил в черный цвет, все не то!Помогите пожалуйста!Очень нужно.
     
  6. Follower
    Offline

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

    Регистрация:
    06.02.2009
    Сообщения:
    186
    Симпатии:
    10
    Пол:
    Мужской
    Ну посмотрите, что в шаблоне прописано по поводу фона модулей.
     
  7. Offline

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

    Регистрация:
    17.05.2011
    Сообщения:
    127
    Симпатии:
    0
    Пол:
    Мужской
    div.default div.yoo-carousel {
    background: #ffffff; (поменял это на transparent стало невидимо не только что надо но и половина модуля)
    }

    /* tabs */
    div.default div.yoo-carousel div.top ul.tabs {
    height: 40px;
    background: url(styles/default/images/tab_bg.png) 0 100% repeat-x;
    }

    div.default div.yoo-carousel div.top ul.tabs li {
    margin: 0px 10px 0px 0px;
    }

    div.default div.yoo-carousel div.top ul.tabs li.item1 {
    margin: 0px 10px 0px 20px;
    }

    div.default div.yoo-carousel div.top ul.tabs li a {
    background: url(styles/default/images/tab_m.png) 0 0 repeat-x;
    }

    div.default div.yoo-carousel div.top ul.tabs li.selected a {
    background: url(styles/default/images/tab_m.png) 0 -40px repeat-x;
    cursor: pointer;
    }

    div.default div.yoo-carousel div.top ul.tabs li a span {
    background: url(styles/default/images/tab_l.png) 0 0 no-repeat;
    }

    div.default div.yoo-carousel div.top ul.tabs li.selected a span {
    background: url(styles/default/images/tab_l.png) 0 -40px no-repeat;
    }

    div.default div.yoo-carousel div.top ul.tabs li a span span {
    height: 40px;
    padding: 0px 20px 0px 20px;
    background: url(styles/default/images/tab_r.png) 100% 0 no-repeat;
    line-height: 50px;
    font-weight: bold;
    font-size: 125%;
    overflow: hidden;
    }

    div.default div.yoo-carousel div.top ul.tabs li.selected a span span {
    background: url(styles/default/images/tab_r.png) 100% -40px no-repeat;
    }

    div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {
    color: #969696;
    text-decoration: none;
    }

    div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {
    color: #646464;
    text-decoration: none;
    }

    /* buttons */
    div.default div.yoo-carousel .prev span {
    width: 50px;
    height: 40px;
    display: block;
    background: url(styles/default/images/button_prev.png) 100% 0 no-repeat;
    }

    div.default div.yoo-carousel .next span {
    width: 50px;
    height: 40px;
    display: block;
    background: url(styles/default/images/button_next.png) 100% 0 no-repeat;
    }

    div.default div.yoo-carousel .prev a, div.default div.yoo-carousel .next a {
    cursor: pointer;
    }

    /* scroller */
    div.default div.yoo-carousel .panel-container {
    margin: auto;
    background: url(styles/default/images/panel_b.png) 0 100% repeat-x;
    }

    div.default div.yoo-carousel .panel-container-bl {
    background: url(styles/default/images/panel_bl.png) 0 100% no-repeat;
    }

    div.default div.yoo-carousel .panel-container-br {
    background: url(styles/default/images/panel_br.png) 100% 100% no-repeat;
    }

    /* article */
    div.default div.yoo-carousel .article {
    padding: 10px 10px 10px 10px;
    font-size: 95%;
    line-height: 125%;
    }

    div.default div.yoo-carousel .article h3 {
    padding-bottom: 0px;
    margin-bottom: 5px;
    line-height: 100%;
    font-size: 150%;
    font-weight: bold;
    color: #323232;
    }
    Что же делать?
     
  8. Follower
    Offline

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

    Регистрация:
    06.02.2009
    Сообщения:
    186
    Симпатии:
    10
    Пол:
    Мужской
    Похоже, что в картинках модуля, приведенных выше, тоже все прозрачное. Сделайте там белое, и посмотрите, что будет. Transparent оставьте.
     
    YSA нравится это.
  9. Offline

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

    Регистрация:
    17.05.2011
    Сообщения:
    127
    Симпатии:
    0
    Пол:
    Мужской
    Вот что получается когда убираешь цвет
    [​IMG]
    По новой перекрасил их по очереди в черный.Оказалось что той середины тупо нет.Есть варианты как это чудо можно исправить?:D
     
  10. Follower
    Offline

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

    Регистрация:
    06.02.2009
    Сообщения:
    186
    Симпатии:
    10
    Пол:
    Мужской
    В том здоровом файле, что вы выложили, есть раздел article в самом низу. Попинайте в нем background.
     

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

Загрузка...