Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фон страницы и картинка (Изменение в отдельной взятой странице на сайте)
Фон страницы и картинка
bogru
Сообщений: 19
Репутация: 0

Сообщение # 1 | 19:37:04
Здравствуйте
Сайт - http://www.pervosvet.com/
Хочу попросить помощи у сообщества в решении двух вопросов:
1. Можно ли задать индивидуальный фон для 1 (одной) страницы и как это сделать? (чтобы фоновая картинка заполняла всю область страницы и была фоном только на одной странице сайта). Я пробовал ставить фоном данной главной страницы не серый цвет, а картинку и к сожалению данная картинка становилась фоном на всех остальных страницах сайта, а нужно чтобы она была только на главной, а на всех остальных серый цвет как и был.
2. Как сделать в этой картинке которая будет стоять фоном активный текст или поле при нажатие на которое будет осуществлен переход на другую страницу сайта?

Вопросы в картинках:


Заранее спасибо за ответы book
Сообщение отредактировал bogru - Среда, 01 Июл 2015, 19:39:22
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 2 | 20:18:43
bogru,
Цитата bogru ()
1. Можно ли задать индивидуальный фон для 1 (одной) страницы и как это сделать? (чтобы фоновая картинка заполняла всю область страницы и была фоном только на одной странице сайта)

bogru, После закрывающего </head> ставте

Цитата
<div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;">
<img src="ссылка на картинку" width="100%" height="100%" />
</div>

killbit
Сообщений: 317
Репутация: 104

Сообщение # 3 | 20:24:35
думаю нужно использовать условные операторы что то типа такого

<?if($PAGE_ID$='sitePage1')?> <?endif?>
или
<?if($MODULE_ID$='??????')?>
пусть меня спецы поправят
Сообщение отредактировал killbit - Среда, 01 Июл 2015, 20:25:43
bogru
Сообщений: 19
Репутация: 0

Сообщение # 4 | 21:53:38
Цитата _VITALIK_ ()
После закрывающего </head> ставте Цитата
<div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;">
<img src="ссылка на картинку" width="100%" height="100%" />
</div>

Не получается, если ставлю после head равно как и после body, то картинка ставится фоном сайта, а не страницы по центру.
Еще одно дополнение: редактируемая страница в ПУ находится в разделе Редактор страниц - Страницы сайта.
Условные операторы тоже попробовал, но не выходит что-то.
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 5 | 22:17:23
Цитата bogru ()
Не получается, если ставлю после head равно как и после body, то картинка ставится фоном сайта, а не страницы по центру.
Еще одно дополнение: редактируемая страница в ПУ находится в разделе Редактор страниц - Страницы сайта.
Условные операторы тоже попробовал, но не выходит что-то.

bogru, Незнай. И первый и второй вариант с условиями - подходит. Чот вы не то значит , или не там делаете. Либо обьясняете не то что нужно.

Добавлено (01 Июл 2015, 22:17:23)
---------------------------------------------
Цитата bogru ()
если ставлю после head равно как и после body, то картинка ставится фоном сайта, а не страницы по центру.

bogru, А вот тут по подробнее, чот не совсем понятно (во всяком случае мне ). Если вы ставите код который я дал вам в шаблон HTML вашей страницы, то картинка никак не будет распологаться на всём сайте. Она будет распологаться на странице в шаблон которой вы воткнёте код.
Ну вот ещё вариант http://yraaa.ru/publ/fon/22-1-0-2423

Сообщение отредактировал _VITALIK_ - Среда, 01 Июл 2015, 23:10:13
bogru
Сообщений: 19
Репутация: 0

Сообщение # 6 | 23:33:55
Цитата _VITALIK_ ()
А вот тут по подробнее, чот не совсем понятно (во всяком случае мне ). Если вы ставите код который я дал вам в шаблон HTML вашей страницы, то картинка никак не будет распологаться на всём сайте. Она будет распологаться на странице в шаблон которой вы воткнёте код. Ну вот ещё вариант http://yraaa.ru/publ/fon/22-1-0-2423


Да, видимо я не совсем точно все объяснил.
Под словом страница я имел в виду область выделенную на картинке ниже красным (изменить хотелось бы именно то что в ней):


В данной области картинка должна занимать всю область в красной рамке, т.е быть фоном #Content я так понял blink
Ваш код или условные операторы меняет основной фон все страницы за пределами красной рамки.
Изменение той области которая выделена красной рамкой возможно либо через CSS - #Content (если менять там, тогда на всем сайте становится одинаковый фон данной области), либо через Пу - Дизайн - Редактор страниц - Страницы сайта. Т.е мне хотелось бы чтобы данная область была уникальна только на главной странице, а на всем сайте оставалась такой же как сейчас.
Сообщение отредактировал bogru - Среда, 01 Июл 2015, 23:38:35
killbit
Сообщений: 317
Репутация: 104

Сообщение # 7 | 00:00:29
Цитата bogru ()
Т.е мне хотелось бы чтобы данная область была уникальна только на главной странице, а на всем сайте оставалась такой же как сейчас.

ну как раз для этого и нужны условные операторы.

можно скриптом что нить намудрить

добавить класс (background) и потом в ксс прописать стили для класса .background
Код
$(document).ready( function(){
var url="http://www.pervosvet.com/";
if(location.href==url){
      $("#content").addClass("background");
}
});


или сразу добавить изображение

Код
$(document).ready( function(){
var url="http://www.pervosvet.com/";
if(location.href==url) {
     $("#content").css({"background":"url(/Izobrajeniya/shapka/money.png)"});

}

});


Типа такого) если что не так, профи поправят
Сообщение отредактировал killbit - Четверг, 02 Июл 2015, 00:09:11
Sonor
Сообщений: 238
Репутация: 503

Сообщение # 8 | 01:35:22
bogru, странице можно задать индивидуальный дизайн и прописать фон для #content. Либо так:
Код
<div id="content"<?if($URI_ID$='page1')?> class="fon"<?endif?>>

и в CSS
Код
.fon {background: url('/картинка.png') !important;}

либо так:
Код
<?if($URI_ID$='page1')?>
<style>
#content {
background: url('/картинка.png') !important;
}
</style>
<?endif?>

Сообщение отредактировал Sonor - Четверг, 02 Июл 2015, 01:36:11
bogru
Сообщений: 19
Репутация: 0

Сообщение # 9 | 11:05:33
Всем спасибо, разобрался наконец-то.
Цитата Sonor ()
странице можно задать индивидуальный дизайн и прописать фон для #content. Либо так: <div id="content"<?if($URI_ID$='page1')?> class="fon"<?endif?>>1

и в CSS
.fon {background: url('/картинка.png') !important;}

Получилось с данным способом.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фон страницы и картинка (Изменение в отдельной взятой странице на сайте)
Страница 1 из 11
Поиск: