я не нашёл такой темы у вас на форуме извините если тема дублируеться но дайте пожалуста скрипт чтобы фон не двигался а все остальные двигались а фон оставался одной картинкой и не дублировался ниже и ниже
непожвижный фон
Сообщений 1 страница 30 из 36
Поделиться22010-10-12 18:52:52
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)
Поделиться32010-10-12 18:56:45
спасибо а куда ставить?
Поделиться42010-10-12 19:04:56
аштемель низ или вверх?
Поделиться52010-10-12 19:05:56
спасибо а куда ставить?
в HTML верх , (*естественно вставляя свой цвет и ссылки на картинки
Отредактировано Deff (2010-10-12 19:06:19)
Поделиться62010-10-12 19:10:43
</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>
вот я ставлю и почимут не работает
Поделиться72010-10-12 19:16:15
памагите кто нить
Поделиться82010-10-12 19:18:07
Suygetsu НЕ вижу кода - сохранить -нажимали ? Cори первый тег поправьте -без черты
Отредактировано Deff (2010-10-12 19:20:28)
Поделиться102010-10-12 19:20:15
</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>
вот код
Поделиться112010-10-12 19:22:02
можете отредактировать я не совсем понял что править
Поделиться122010-10-12 19:23:18
Suygetsu Картинки лучше всего перезалит на форум в отдельнуб тему, и брать ссылки оттуда ! - радикал глючит - минутами изо грузицо
Поделиться132010-10-12 19:24:07
ну и ладно код ведь из-за этого глючить недолжен
Поделиться142010-10-12 19:24:29
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)
Поделиться152010-10-12 19:26:12
Deff
сейчас проверю не переключайтесь
Поделиться162010-10-12 19:28:15
фон стал беживым
Поделиться172010-10-12 19:28:31
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>
ну и ладно код ведь из-за этого глючить недолжен
Будете по полчаса сидеть с белым фоном https://forums.0pk.me/viewtopic.php?id=5487#p79378
Отредактировано Deff (2010-10-12 19:31:18)
Поделиться182010-10-12 19:29:16
а картинок нет
Поделиться192010-10-12 19:30:23
блиииииииииииииииин а как сузить форум
Поделиться202010-10-12 19:32:09
а как по другом ссылку на фото получать?
Поделиться212010-10-12 19:33:27
блиииииииииииииииин а как сузить форум
<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)
Поделиться222010-10-12 19:35:00
Deff
а как по другом ссылку на фото получать?
Поделиться232010-10-12 19:36:33
Suygetsu я ж те сказал - залей на свой форум по крайней правой кнопке в графе ответа - кликни изображение и считывай адрес в адреснос строке браузера
там в коде - убери еще решетку от цвета #
Отредактировано Deff (2010-10-12 19:41:19)
Поделиться242010-10-12 19:39:44
блин он всё равно беживй
Поделиться252010-10-12 19:44:44
http://sitybands.rolka.su/ вот адресс форума всё равно не палучаеться
Поделиться262010-10-12 19:48:46
непалучаеться
Поделиться272010-10-12 19:50:25
что за фигня
Поделиться282010-10-12 19:52:03
Памагите!!!
Поделиться292010-10-12 19:53:10
((((Блин я незнаю что делать
Отредактировано Suygetsu (2010-10-12 19:53:25)
Поделиться302010-10-12 19:54:30
кто орошо знает этого скажите код без ошибок