• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Yuri_G  
Как сделать разный фон сайта в разных РАЗДЕЛАХ, МОДУЛЯХ ?
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 1 | 13:03:01
Как сделать, чтобы при открытии, например, раздела или категории "Ромашки" фон сайта менялся на картинку с ромашками? Короче, чтобы в нужной категории или разделе или модуле был нужный фон?

Может, через CSS ?

background: url(http://xxx/FON_MAIN1.jpg) center top no-repeat;
background: url(http://xxx/FON_MAIN2.jpg) center top no-repeat;
background: url(http://xxx/FON_MAIN3.jpg) center top no-repeat;

и задать какие-то переменные для каждого раздела-категории?

Подскажите!
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 2 | 15:21:25
Например, можно отредактировать шаблон со списком материалов категории/раздела и добавить тегу <body> атрибут style
Код
<body style="background:url(/img/<?substr($URI_ID$,5)?>.jpg) center top no-repeat">
Присваиваете имя фоновой картинки по ID категории/раздела в котором она должна находиться, например: 3.jpg - будет выводиться фоном в разделе или категории с ID = 3
Ну и тут указана директория /img/, что значит что картинка находится в папке с именем img на этом же сайте.
Вот и всё)

Можешь забрать этот код и вставить его себе, сам знаешь куда.
admin0260
Сообщений: 16
Репутация: 0

Сообщение # 3 | 15:33:27
Подскажите : хочу заменить задний фон на сайте - вот адрес - http://perimetrrr.ucoz.ru

В принципе сам почти разобрался,но задний фон(картинка космоса),не закрывает всю страницу.Как убрать снизу синюю полосу?Что надо изменить здесь:

.wrap {background: url('/kosmos.jpg') no-repeat;margin: 0px; padding: 0px; background-attachment: fixed; background-size: 100%;}
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 4 | 15:41:57
admin0260, поменять
Цитата admin0260 ()
background-size: 100%;
На
Код
-o-background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
Подробнее тут

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 5 | 17:13:04
admin0260, это зависит какой у человека размер монитора. У меня, допустим, квадратный, из старых жк, 1280x1024, так что, синяя полоса у меня всё равно будет на вашем сайте. Лучше сделать так: верхнюю часть фона поставьте космос, допустим, на 800px в высоту, а всё остальное пространство ниже заполните каким-то нейтральным фоном, который будет плавно переходить из фона-космос. И тогда фон-космос не нужно фиксировать и не будет синей полосы.

Добавлено (07 Июн 2014, 17:13:04)
---------------------------------------------
Head-Mad, что-то не фурычит. я сделал всё как мне подсказали.

<body style="background:url(/img/<?substr($URI_ID$,1)?>.jpg) center top no-repeat">, где 1 - ID раздела. Фон загрузил на ФТП в папку img, но ничего не меняется. Может, я что-то не так сделал. Я заменил верхний <body>, нижний </body> я не трогал.

А в CSS фон убирать или пусть будет?
Сообщение отредактировал Romchik_Ya - Суббота, 07 Июн 2014, 17:41:47
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 6 | 17:41:24
Цитата Romchik_Ya ()
где 1 - ID модуля.

Этого не нужно было делать,
Цитата Head-Mad ()
<body style="background:url(/img/<?substr($URI_ID$,5)?>.jpg) center top no-repeat">
Должно быть именно так. 5-это не ID категории. Кроме того, смотри чтоб расширение картинки тоже совпадало. То есть если у тебя .jepeg замени его на .jpg

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 7 | 17:44:21
Head-Mad, не, расширение совпадает. А почему именно 5 ? Что это за значение?
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 8 | 17:46:27
Цитата Romchik_Ya ()
А в CSS фон убирать или пусть будет?
можно и убрать, но без разницы, у встроенного css приоритет больше чем у внешнего, так что отображать будет встроенный, то есть указанный в теге.

Добавлено (07 Июн 2014, 17:46:27)
---------------------------------------------
Цитата Romchik_Ya ()
А почему именно 5 ? Что это за значение?
Код
Код
<?substr($URI_ID$,5)?>
получает значение строки $URI_ID$ начиная с 6-го знака, отсеивая первые 5 что и будет являться ID категории/раздела

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Суббота, 07 Июн 2014, 17:47:14
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 9 | 17:49:04
Head-Mad, блин. всё равно не выходит. я в Список материалов Раздела модуля вместо <body> поставил
Код
<body style="background:url(/img/<?substr($URI_ID$,5)?>.jpg) center top no-repeat">
в ФТП создал папку img, куда загрузил картинку с именем 3.jpg, но фон не меняется. Не пойму почему ..
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 10 | 17:50:27
ссылку в студию

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 11 | 17:53:05
Head-Mad, тут ссылка
Сообщение отредактировал Romchik_Ya - Суббота, 07 Июн 2014, 19:00:07
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 12 | 17:54:00
И модуль какой?

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 13 | 17:55:04
Head-Mad, Файлы. load
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 14 | 17:58:02
Начнем с того что в <body> ничего не выводится. Ты в тот шаблон вставил? И картинки такой нет

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Суббота, 07 Июн 2014, 17:59:25
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 15 | 18:00:07
Head-Mad, да, всё там. Получилось, в Разделе модуля. Но при условии, что в CSS нужно убрать основной фон. А иначе он поверх нового ложится. Как быть? И картинка называется 1.jpg, потому что ID раздела - 1 smile
Сообщение отредактировал Romchik_Ya - Суббота, 07 Июн 2014, 18:02:58
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!