0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 7676 Просмотров

Возможно где-то и обсуждалось, но я не нашел.

Вопрос касается фона в модулях.
Хотел сделать сверху плавный переход из черного в серый, основное тело серое - и снизу обратный переход в черный.
Что бы все это дело масштабировалось надо использовать 2 картинки.
в CSS верхнюю картинку и цвет фона задаю так:
.leftcol
{
   width:220px;
   background:#414141 url(../images/leftcol_bg.png) repeat-x 0% 0%;
   border-right: 1px solid #393939;

}

А теперь главный вопрос: куда и как добавить нижнюю картинку с параметрами:
background:#414141 url(../images/leftcol_b.png) repeat-x bottom; ???



PS На форуме уже были инструкции для получения закругленных углов - но к моей пробеме примнить этот способ не смог.


Re: Как задать фон 2мя картинками?
« Ответ #1 : 24.06.2008, 12:03:27 »
У меня там в модуль leftcol вставляется.
Если перед body вставлять то это  будет на всю страницу распространяться, чего мне не надо.

Как вставить именно в leftcol?

В html шаблона:
<td class="leftcol">
                  <div class="left">
                     <?php mosLoadModules('left',-2); ?></div>
<div align=bottom>
<img  src="/images/leftcol_b.png" align=bottom>
                  </div>
               </td>

не получается - leftcol_b зависает посередине и вниз не опускается + не понятно как растиражировать на ширину модуля?
*

Muratty

  • Захожу иногда
  • 130
  • 9 / 0
  • не стреляёте в пианиста, он играет как умеет...
Re: Как задать фон 2мя картинками?
« Ответ #2 : 24.06.2008, 14:14:28 »
воспользуйся советом iAlex и определи позицию модуля под всеми (z-index и position и margin тебе в помощь)

Re: Как задать фон 2мя картинками?
« Ответ #3 : 24.06.2008, 15:02:35 »
неужели средствами CSS реализовать невозможно?
Что-нибудь типа:
{
   width:220px;
   background-1:#414141 url(../images/leftcol_bg.png) repeat-x 0% 0%;
   background-2:url(../images/leftcol_b.png) repeat-x ищеещь;
   border-right: 1px solid #393939;

}

 !!!???!!!
*

Muratty

  • Захожу иногда
  • 130
  • 9 / 0
  • не стреляёте в пианиста, он играет как умеет...
Re: Как задать фон 2мя картинками?
« Ответ #4 : 24.06.2008, 15:27:32 »
тебе и советуют посредством CSS это сделать
#div {background:url(../images/leftcol_bg.png) repeat-x ;
        height: px;/* сколько нужно  */
       position: relative;
}
#div2 {background:url(../images/rightcol_bg.png) repeat-x ;
        height: px; /* сколько осталось */
        position: relative;
        margin-top: 400px;
}
значения margin меняют знак на "-" в зависимости от того куда ты эти дивы буш вставлять.
и ничего страшного...

Re: Как задать фон 2мя картинками?
« Ответ #5 : 24.06.2008, 15:46:38 »
Там фишка в том что высота динамическая, и эти 2 половинки должны разъезжаться в зависимости от контента...
*

Muratty

  • Захожу иногда
  • 130
  • 9 / 0
  • не стреляёте в пианиста, он играет как умеет...
Re: Как задать фон 2мя картинками?
« Ответ #6 : 24.06.2008, 15:51:18 »
height: auto; или вообще бе оного тебе не подходит???
приведи наверное кусок шаблона или весь, так что и куда сказать будет трудно...

Re: Как задать фон 2мя картинками?
« Ответ #7 : 24.06.2008, 16:25:21 »
И так вот html:

<td class="leftcol">
                  <div class="left">
                     <?php mosLoadModules('left',-2); ?></div>
               </td>

тут в таблице грузится модуль left;

а вот класс для него leftcol:
.leftcol
{
   width:220px;
   background:#414141 url(../images/leftcol_bg.png) 0% 0% repeat-x;
}


Картинка передает leftcol_bg.png переход от черного к #414141, она висит сверху.

Надо такую же (перевернутую) зафигачить вниз, для обратного перехода фона в черный.


*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Re: Как задать фон 2мя картинками?
« Ответ #8 : 25.06.2008, 11:20:52 »
Возможно где-то и обсуждалось, но я не нашел.

Вопрос касается фона в модулях.

.leftcol
{
   width:220px;
   background:#414141 url(../images/leftcol_bg.png) repeat-x 0% 0%;
   border-right: 1px solid #393939;

}


Так где конкретно нужны картинки в колонке с модулямт (<td class="leftcol">....)
Или всё таки в каждом модуле в позиции left (<?php mosLoadModules('left',-2); ?>)

????
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
Re: Как задать фон 2мя картинками?
« Ответ #9 : 25.06.2008, 11:54:14 »
сделай стили, типа:
Цитировать
.leftcol {
   width:220px;
   background:#414141 url(../images/leftcol_bg.png) repeat-x top;
}
.leftcol .bt { 
   background: url(../images/нижний.png) repeat-x bottom;
}

потом в хтмле вызываешь его так:
Цитировать
<div class="leftcol"><div class="bt">

сюда всё остальное содержимое
и заканчиваешь:

</div></div>

Re: Как задать фон 2мя картинками?
« Ответ #10 : 25.06.2008, 14:15:59 »
Действитель, все работает.  :D
Большое спасибо iAlex !
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как задать Модулю VmCategory стили меню ( artisteer )

Автор Myk

Ответов: 7
Просмотров: 16601
Последний ответ 26.07.2013, 01:08:22
от KNYAZ_exe
Как задать стиль checkbox'у?

Автор Sulpher

Ответов: 2
Просмотров: 18903
Последний ответ 04.01.2009, 23:17:29
от Александр Фёдоров