Код для фона

автор Mel Сентябрь 23rd 2010, 20:57

Доброго времени суток,
у меня вот такой вопрос: существует ли код для фиксации фона, т.е. чтобы он не только по вертикали не прокручивался, но и по горизонтали не мостился - кончается картинка и идет просто цвет фона? А то пользователям с нестандартными мониторами не очень приятно наблюдать рваный рисунок.
Если такого когда нет, то м.б. кто-то поможет написать?

автор Домовой Сентябрь 23rd 2010, 21:03

Може так?

Код:: body { background : #цвет url(картинка) no-repeat fixed top center !important ; }

автор Mel Сентябрь 24th 2010, 20:58

ммм.... нет, не то. По крайней мере та часть, куда предполагается впихнуть картинку фона и его свойства

автор Домовой Сентябрь 24th 2010, 21:17

Mel пишет:ммм.... нет, не то. По крайней мере та часть, куда предполагается впихнуть картинку фона и его свойства

Так я же не знаю куда вам надо впихнуть картинку.
Вы параметры в коде меняйте на своё усмотрение

background-repeat
Определяет, будет ли размножаться фоновая картинка
Значения:
no-repeat - не размножается
repeat-x - размножается по горизонтали
repeat-y - размножается по вертикали
repeat-xy - размножается в обоих направлениях.
-------------------------------
background-position - задает расположение не повторяющегося фона
Значения:
(положение по вертикали)
top - наверху
center - по центру
bottom - снизу

(положение по горизонтали)
left - слева
center - по центру
right - справа
------------------------------
scroll - фон поддается прокрутке
fixed - не поддается прокрутке

автор Krest Сентябрь 24th 2010, 23:32

Мел, приветствую вас! Вот код фиксированного фона, где кавычки вставьте адрес картинки фона:

<style>
HTML , BODY{background-image: url(Тут вставьте картинку фона);
background-attachment: fixed;}
</style>

Код вставьте в ПА-Модули-Виджеты главной страницы
Можно вставить уже в существующий виджет в самом низу, у меня так работает отлично. Еще совет, заливайте всё на лягушку, она лучше работает чем радикал!

автор Lucky Сентябрь 24th 2010, 23:57

Лучше чем галерея форума ничего не работает.

автор Mel Сентябрь 26th 2010, 16:07

Лаки, возможно)
Крест, а если вставлять не в виджет (ну не люблю я их), а в шаблон, то в какой?

Mel, в шаблон overall_header (Верхняя часть страницы) после <head>.

автор Mel Сентябрь 26th 2010, 19:04

эм.... Оо

автор Домовой Сентябрь 26th 2010, 19:22

Mel пишет:эм.... Оо

Что то не так?

автор Mel Сентябрь 27th 2010, 19:24

картинка по кусочкам. слева -целая, справа - половинка.

автор Домовой Сентябрь 27th 2010, 20:21

Mel пишет:картинка по кусочкам. слева -целая, справа - половинка.

Ну купите монитор шире))))
Вам как надо?
У вас картинка размножается, просто на вторую не хватает ширины.

автор Mel Сентябрь 28th 2010, 19:43

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

автор Krest Сентябрь 28th 2010, 23:15

Мел, так у вас же всё работает, фон фиксированный, прокручиваются только буквы и картинка, этого и хотели вы?
Если всё у вас получилось, напишите чтоб тему закрыли pardon

автор Домовой Сентябрь 29th 2010, 00:08

Mel пишет:Угу, в этом и смысл. Нужный мне код должен сделать так, чтобы картинка находилась только по центру, а по краям от нее у юзеров с нестандартными мониторами был просто фоновый цвет

Если вас такой вариант устраивает

Посмотреть можно здесь

то делайте следующее:
В Каскадная таблица стилей CSS ставьте код

Код:: body{ background-color: #цвет фона; background-repeat: no-repeat; background-position: center center; }

Затем идите в Управление картинками - Фоновое изображение страницы
Ставьте ссылку на свою картинку
под ссылкой поставьте галочку Фиксированный фон страницы

Код для фона 1790253

автор Mel Октябрь 2nd 2010, 19:28

Да, вот оно)
Только у меня все равно ерунда
http://s42.radikal.ru/i096/1010/f7/475ec4cf94c4.jpg
Хотя все сделала, как Вы сказали:
http://s57.radikal.ru/i157/1010/6e/8b6773d8a661.jpg
http://s001.radikal.ru/i196/1010/de/ad2540143bdb.jpg

body{
background-color: #цвет фона;
background-repeat: no-repeat;
background-position: center center;
}

И то что здесь - http://s57.radikal.ru/i157/1010/6e/8b6773d8a661.jpg

Найдите одно отличие. Правда я не знаю, влияет ли оно в данном случае... .

автор Домовой Октябрь 2nd 2010, 19:53

Mel пишет:Да, вот оно)
Только у меня все равно ерунда
http://s42.radikal.ru/i096/1010/f7/475ec4cf94c4.jpg
Хотя все сделала, как Вы сказали:
http://s57.radikal.ru/i157/1010/6e/8b6773d8a661.jpg
http://s001.radikal.ru/i196/1010/de/ad2540143bdb.jpg

Вы издиваетесь надомной что ли?
Я вам дал код

Код:: body{ background-color: #цвет фона; background-repeat: no-repeat; background-position: center center; }

А это у вас
Код для фона 1781733

И вы скажете что это одно и то же?

body{
background-color: #340B6E;
background-repeat: no-repeat;
background-position: center center;
}

то что выделено красным у вас напрочь отсутствует

Два отличия... :salut:

автор Домовой Октябрь 2nd 2010, 20:07

Изобретатель пишет:Два отличия... :salut:

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

Во как! ВСЕМ УРОК на ВНИМАНИЕ !!! pardon

И... - понимание. :85:

автор Mel Октябрь 2nd 2010, 20:13

Угум...
всем большое спасибо)

тему можно закрывать

автор Домовой Октябрь 2nd 2010, 20:17

Mel пишет:Угум...
всем большое спасибо)

тему можно закрывать

Получилось что ли?

автор Mel Октябрь 3rd 2010, 11:27

ога)

автор Домовой Октябрь 3rd 2010, 12:04

Mel пишет:ога)

Ну слава богу

Код для фона

Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона

Re: Код для фона