Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » непожвижный фон


непожвижный фон

Сообщений 1 страница 30 из 36

1

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

0

2

1. Как установить Фон и логотип слитно -

<style> /* --- ! Как установить Фон и логотип слитно !--- */
/* 1-е - Ставим картинку в самый низ и задаём фоновый цвет всего бекграунда;
картинка либо repeat, -если повторяющийся рисунок по всему полю, - либо  repeat-y - если есть некие "рельсы" -бордюр, лежащие вне(но рядом) пределов самого форума */
html {background: #21547C url(Aдрес самой нижней картинки) repeat-y top center !important;
}
/* 2-е - Ставим картинку на фон, обычно это и есть Логотип - т.е картинку не размножаем и пристыковываем к самому верху */
body { background: transparent  url(Aдрес второй картинки накладываемый на фон) no-repeat top center !important;
}
/* 3-е - делаем фоновую и логотип связанными, именно они и будут прокручивацо по экрану вместе с форумом*/
html, body  { background: scroll!important; margin: 0 auto;
}
/*4-е - фиксируем форум, даём ему цвет (если есть, если нет вместо #225781 => transparent;
ставим размножаемую картинку по высоте форума ( опять жи, если она есть
600px  - оцтуп от верха - регулируете */
#pun { background: #225781 url(Aдрес картинки размножаемой по высоте форума, если она есть) repeat-y top center fixed !important; margin: 600px auto 0 auto!important;
}
/* <!--Вроде фсё --> */

</style>

2 Как Установить Фон неподвижный и прокручивающийся форум - всё тоже , меняем только красное

<style> /* --- ! Неподвижный Фон и прокручивающийся форум !--- */
/* 1-е - Ставим картинку в самый низ и задаём фоновый цвет всего бекграунда;
картинка либо repeat, -если повторяющийся рисунок по всему полю, - либо  repeat-y - если есть некие "рельсы" -бордюр, лежащие вне(но рядом) пределов самого форума */
html {background: #21547C url(Aдрес самой нижней картинки) repeat-y top center !important;
}
/* 2-е - Ставим картинку на фон,  no-repeat - если не размножаецо, если размнжаецо: repeat или repeat-y или repeat-x */
body { background: transparent  url(Aдрес второй картинки накладываемый на фон) no-repeat top center !important;
}
/* 3-е - делаем фоновую связанной, именно они будут неподвижны */
html, body  { background: fixed !important; margin: 0 auto;
}
/*4-е - фиксируем форум, даём ему цвет (если есть, если нет вместо #225781 => transparent;
ставим размножаемую картинку по высоте форума ( опять жи, если она есть */
#pun { background: #225781 url(Aдрес картинки размножаемой по высоте форума, если она есть) repeat-y top center scroll!important; margin: 0 auto!important;
}
/* <!--Вроде фсё --> */

</style>

Примечания: Для собственного стиля, всё тоже самое, токо убираем теги<style>... </style> с обоих концов кода и вставляем в начало второго Окна стиля

Примчание 2: При размножении картинки по вертикали на cлое  HTML (см код) если картинка как то визуально должна сливацо с картинкой на слое BODY, картинку для cлоя HTML делаем отрезанием низа картинки от  BODY, тогда при прокручивании и измененит масштаба экрана, не будет неприятных мелких подвижек этих двух изображений относительно друг друга

Отредактировано Deff (2010-10-12 20:29:00)

0

3

спасибо а куда ставить?

0

4

аштемель низ или вверх?

0

5

Suygetsu написал(а):

спасибо а куда ставить?

в HTML верх , (*естественно вставляя свой цвет и ссылки на картинки

Отредактировано Deff (2010-10-12 19:06:19)

0

6

Код:
</style>
html { color: #21547C; background: url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat top center !important;
}
body { background: transparent  url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) no-repeat top center !important;
}
html, body  { background: fixed !important; margin: 0 auto;
}
#pun { background: # transparent url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat-y top center scroll!important; margin: 0 auto!important;
}
</style>

вот я ставлю и почимут не работает

0

7

памагите кто нить

0

8

Suygetsu НЕ вижу кода - сохранить -нажимали ? :blush:  Cори первый тег поправьте -без черты

Отредактировано Deff (2010-10-12 19:20:28)

0

9

да

0

10

Код:
</style>
html { color: #21547C; background: url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat top center !important;
}
body { background: transparent  url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) no-repeat top center !important;
}
html, body  { background: fixed !important; margin: 0 auto;
}
#pun { background: # transparent url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat-y top center scroll!important; margin: 0 auto!important;
}
</style>

вот код

0

11

можете отредактировать я не совсем понял что править

0

12

Suygetsu Картинки лучше всего перезалит на форум в отдельнуб тему, и брать ссылки оттуда ! - радикал глючит - минутами изо грузицо

0

13

ну и ладно код ведь из-за этого глючить недолжен

0

14

Suygetsu

<style>
html { color: #21547C; background: url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat top center !important;
}
body { background: transparent  url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) no-repeat top center !important;
}
html, body  { background: fixed !important; margin: 0 auto;
}
#pun { background: transparent url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat-y top center scroll!important; margin: 0 auto!important;
}
</style>

Отредактировано Deff (2010-10-12 21:42:42)

0

15

Deff
сейчас проверю не переключайтесь

0

16

фон стал беживым

0

17

Suygetsu

<style>
html { color: #21547C; background: url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat top center !important;
}
body { background: transparent  url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) no-repeat top center !important;
}
html, body  { background: fixed !important; margin: 0 auto;
}
#pun { background: # transparent url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat-y top center scroll!important; margin: 0 auto!important;
}
</style>

Suygetsu написал(а):

ну и ладно код ведь из-за этого глючить недолжен

Будете по полчаса сидеть с белым фоном  https://forums.0pk.me/viewtopic.php?id=5487#p79378

Отредактировано Deff (2010-10-12 19:31:18)

0

18

а картинок нет

0

19

блиииииииииииииииин а как сузить форум

0

20

а как по другом ссылку на фото получать?

0

21

Suygetsu написал(а):

блиииииииииииииииин а как сузить форум

<style>
html { color: #21547C; background: url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat top center !important;
}
body { background: transparent  url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) no-repeat top center !important;
}
html, body  { background: fixed !important; margin: 0 auto;
}
#pun { width: 870px; background: transparent url(http://s47.radikal.ru/i115/1010/a0/63b69304eb17.jpg) repeat-y top center scroll!important; margin: 0 auto!important;
}
</style>

Или вместо 878px  - ставите 78%  (красным свои значения

Сильно сузить (если px) не получицо - у вас всплывалка и Объявление широкие

Отредактировано Deff (2010-10-12 19:39:21)

0

22

Deff
а как по другом ссылку на фото получать?

0

23

Suygetsu я ж те сказал - залей на свой  форум по крайней правой  кнопке в графе ответа - кликни изображение и считывай адрес в адреснос строке браузера

там в коде - убери еще решетку от цвета #

Отредактировано Deff (2010-10-12 19:41:19)

0

24

блин он всё равно беживй

0

25

http://sitybands.rolka.su/ вот адресс форума всё равно не палучаеться

0

26

непалучаеться

0

27

что за фигня

0

28

Памагите!!!

0

29

((((Блин я незнаю что делать

Отредактировано Suygetsu (2010-10-12 19:53:25)

0

30

кто орошо знает этого скажите код без ошибок

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » непожвижный фон


Рейтинг форумов | Создать форум бесплатно