Заменить фон на странице с индивидуальным дизайном

голоса: 0

Здравствуйте. На страницах с инд. дизайном нужно прописать особый фон. 

Как изменить фон сайта вообще понятно, а как прописать его именно в код страницы с инд. дизайном? Вото что требуется. 

Только конечно  в настройке нужно будет прописать прозрачность как для подложки. 

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

 

Спасибо заранее!

| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1

ПУ - дизайн - редактор страниц - страницы сайта перед </head> пишем это...

<?if($URI_ID$='page35')?><style>#center{background:url(тут ссылка к изо) no-repeat 0%0%/cover;width:100%;padding:20px 150px;}</style><?endif?>

| Автор:
Спасибо! прописала в редакторе сстраниц, в разделе "страницы сайта".  <?if($URI_ID$='page35')?><style>#center{background:url('/fon.jpg') no-repeat 0%0%/cover;width:100%;padding:20px 150px;}</style><?endif?>     кэш почистила, а отображается все как и было- белый фон.  Это случаем  не в Css надо прописывать? Ведь ссылки на картинку шапки например, содержится там.
Ольга Жаркова,
Нужно было не в разделе страницы сайта, а конкретно в шаблоне персональной страницы.
Yuri_Geruk,
Все заработало! Только пока кривовато: как бы прописать, чтоб он был в ширину 1200 точек и более прозрачный? Пожалуйста, подскажите что в код вставить!
Ольга Жаркова,

Замените код:

<style>#center{background:url('/fon.jpg') no-repeat 0%0%/cover;width:100%;padding:20px 150px;}</style>

на:

<style>body{background:url('/fon.jpg') no-repeat 0%0%/cover!important;}</style>

Yuri_Geruk,
спасибо! сделала, а как все таки прописать ширину 1200 точек? и указать процент прозрачности?
Yuri_Geruk,
вернее, не ширину 1200 точек, а как прописать чтобы фоновый рисунок был не шире шапки? и чтоб был прозрачнее. Ищу и не понимаю куда вписать  style="opacity:0.35;
Ольга Жаркова,

Хотя всеже выше я немного ошибся, замените код:

<style>body{background:url('/fon.jpg') no-repeat 0%0%/cover!important;}</style>

на:

<style>#center {background: url(/fon.jpg) no-repeat 0%0%/cover !important;width: 1200px!important;}</style>

Yuri_Geruk,

О! теперь все четко, я еще параметр высоты задала , 

<style>#center {background: url(/fon.jpg) no-repeat 0%0%/cover !important;width: 1200px!important; height: 750px !important}</style>

только куда  opacity:0.35 теперь вписать?

 

 

Ольга Жаркова,
opacity:0.35 в данном случае не будет решением так как само фото должно быть нарисовано на прозрачном фоне, а не задавать это стилями, в итоге мы целостно для всего блока с контентом зададим прозрачность, но не для фото отдельно.
...