>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Задний фон сайта

Голоса: +1

Хотел бы рассмотреть такую функцию как задний фон сайта.

Т.е, я хочу сделать такой фон, чтобы при залитии материала, для каждой странице к которой относится материал, был свой персональный фон.

Я понял как все это сделать:

 

Для реализации не нужно писать много условий типа

Код
<?if($CAT_ID$="Id категории NFS")?>

а можно сделать проще, в

Код
<body background="/images/$CAT_ID$.png">


И в фм загрузить картинки, которые соответствуют категории. 

 

Или же как посоветовали, чтобы не прямиком на сайт загрудать, а именно просто копировать 

т.е с тегом : $OTHER$

Подробно , что я хочу.

1. Когда добовляю материал например The Witcher 3 То псоле добавления, на странице материалов и комментариев задний фон был не стандартный, который у меня стоит щас, а тот который я загружу.

А мой который стоит в данный момент не изменялся.А менялся только на странице материалов и комментариев, на тот который задам.

 

Но проблема в том, что который фон стоит в даннный момент на сайте он прописан через CSS , как мне реализовать, что хочу ? 

Адрес сайта http://zadrotstva.net/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

Реализуется очень просто, например перейдем на страницу комментариев модуля новости или блог, найдем подобный код:

<body style="background:#E7E7C5; margin:0px; padding:0px;">

если планируется лишь ставить код цвета для заливки фона, код заменим на:

<?if($OTHER1$)?>
<body style="background:$OTHER1$;">
<?else?>
<body style="background:#E7E7C5; margin:0px; padding:0px;">
<?endif?>

если планируется для фона ставить лишь изображения, заменим код на:

<?if($OTHER1$)?>
<body style="background:url($OTHER1$)no-repeat;background-size: 100%;background-attachment: fixed;"><?else?>
<body style="background:#E7E7C5; margin:0px; padding:0px;">
<?endif?>

Далее перейдем в настройки модуля новости или блог и подключим первое доп поле:

не забываем сохранить изменения нажав кнопку - Сохранить немного ниже.

После при добавлении материала в данное доп поле ставим либо код цвета для фона либо ссылку на изображение фона.

Только одна просьба, создайте папку для изображений в корне файлового менеджера в который и загружайте изображения фона, чтобы ссылка была краткой не длинной, так как данное поле не сильно много вмещает символов.

| Автор:
Выбор ответа лучшим | | Автор: Дмима D1zert1r
Хм... все получилось, НО! картинка на заднем фоне не во весь экран стоит

 
http://zadrotstva.net/news/fallout_4_ne_soderzhit_potolka_urovnej_i_prodolzhaetsja_posle_okonchanija_osnovnoj_sjuzhetnoj_linii/2015-08-08-413
| Автор:

Все оно получилось, просто у вас основной фон прописан еще и в стилях:

html, body {background:#fff  url(../images/bg.jpg)  center top no-repeat; color:#2f2f2f; font-family:Tahoma, sans-serif; font-size: 0.9em; width: 100%;background-attachment: fixed; 

и для футера:

.footer {background: url(../images/bg-footer.jpg) center bottom no-repeat; min-height: 120px;}

вот это небольшая проблемка.

Хотя можно попробовать решить как-то так:

<?if($OTHER1$)?>
<body style="background:url($OTHER1$)no-repeat;background-size: 100%;background-attachment: fixed;">
<style>html,body,.footer {background:transparent!important;}</style>
<?else?>
<body style="background:#E7E7C5; margin:0px; padding:0px;">
<?endif?>

Я добавил стили в условие если установлен свой фон, чтобы скрывались фоны которые заданы в стилях в таблице стилей:

<style>html,body,.footer {background:transparent!important;}</style>

надеюсь поможет.

| Автор:
Повторно показано | | Автор: Yuri_Geruk
А можно ли как то сделать, чтобы основной фон остался, а новый ложился поверх старого ?
| Автор:
выше ответил
| Автор:
Вообще фон пропал
| Автор:
увы, пока у меня нет идей как все это обойти
| Автор:
Всё верно, но только используем без !important

<style>html,body,.footer {background:transparent;}</style>
| Автор:

<style>html,body,.footer {background:transparent;}</style>

 

Вот получилось. но на других страницах где не вставлял фон появляется какой то другой фон мешающий оснавному.  

 

http://zadrotstva.net/pobediteli_turnira_the_international_po_dota_2

| Автор:
...