Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Код для фона

Предыдущая тема Следующая тема Перейти вниз

Код для фона

Сообщение автор Mel в Чт 23 Сен - 20:57

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



Последний раз редактировалось: Mel (Сб 2 Окт - 20:13), всего редактировалось 1 раз(а)
avatar
Mel
 

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Чт 23 Сен - 21:03

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

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Пт 24 Сен - 20:58

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

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Пт 24 Сен - 21:17

@Mel пишет:ммм.... нет, не то. По крайней мере та часть, куда предполагается впихнуть картинку фона и его свойства
Так я же не знаю куда вам надо впихнуть картинку.
Вы параметры в коде меняйте на своё усмотрение

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

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

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Krest в Пт 24 Сен - 23:32

Мел, приветствую вас! Вот код фиксированного фона, где кавычки вставьте адрес картинки фона:
<style>
HTML , BODY{background-image: url(Тут вставьте картинку фона);
background-attachment: fixed;}
</style>

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

Мужчина

Сообщения : 1933
Регистрация : 2009-09-12
Благодарности : 555

Без предупреждений

http://ostrovok.mirbb.net/forum

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Mel в Вс 26 Сен - 16:07

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

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 26 Сен - 16:22

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22506
Возраст : 33
Регистрация : 2008-04-18
Благодарности : 9064

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Вс 26 Сен - 19:04

эм.... Оо
avatar
Mel
 

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Вс 26 Сен - 19:22

@Mel пишет:эм.... Оо
Что то не так?
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Пн 27 Сен - 19:24

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

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Пн 27 Сен - 20:21

@Mel пишет:картинка по кусочкам. слева -целая, справа - половинка.
Ну купите монитор шире))))
Вам как надо?
У вас картинка размножается, просто на вторую не хватает ширины.
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Вт 28 Сен - 19:43

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

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Krest в Вт 28 Сен - 23:15

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

Мужчина

Сообщения : 1933
Регистрация : 2009-09-12
Благодарности : 555

Без предупреждений

http://ostrovok.mirbb.net/forum

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Ср 29 Сен - 0:08

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



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

то делайте следующее:
В Каскадная таблица стилей CSS ставьте код
Код:
body{
 background-color: #цвет фона;
 background-repeat: no-repeat;
 background-position: center center;
}
Затем идите в Управление картинками - Фоновое изображение страницы
Ставьте ссылку на свою картинку
под ссылкой поставьте галочку Фиксированный фон страницы


avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Сб 2 Окт - 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
avatar
Mel
 

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Сб 2 Окт - 19:39

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

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

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

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Сб 2 Окт - 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;
}
А это у вас

И вы скажете что это одно и то же?
body{
background-color: #340B6E;
background-repeat: no-repeat;
background-position: center center;
}
то что выделено красным у вас напрочь отсутствует
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Сб 2 Окт - 20:03

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

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Сб 2 Окт - 20:07

@Изобретатель пишет:Два отличия... :salut:
Три, если быть честным.
После кода цвета отсутствует точка с запятой.
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Сб 2 Окт - 20:11

Во как! ВСЕМ УРОК на ВНИМАНИЕ !!! pardon И... - понимание. :85:
avatar
Изобретатель
 

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Сб 2 Окт - 20:13

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

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

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Сб 2 Окт - 20:17

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

тему можно закрывать
Получилось что ли?
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Mel в Вс 3 Окт - 11:27

ога)
avatar
Mel
 

Женщина

Сообщения : 39
Возраст : 23
Регистрация : 2009-05-18
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Вс 3 Окт - 12:04

@Mel пишет:ога)
Ну слава богу 31
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения