получилось, спасибо)
Изменение заднего фона
Сообщений 721 страница 748 из 748
Поделиться7222011-02-24 00:39:04
Подскажите как изменить стандартный фон на свою картинку?
Поделиться7232011-02-24 02:39:51
testosteron
<style>
html, body {background: #000000 url(ссылка на картинку); background-attachment: fixed;}
</style>
Вставлять в HTML-верх
Поделиться7242011-02-24 21:59:08
Картинка поставилась, но стандартный фон не пропал((
Поделиться7252011-02-24 22:06:30
Картинка поставилась, но стандартный фон не пропал((
Адрес форума
Поделиться7262011-02-24 23:46:43
Картинка видна только на шапке и снизу сайта, она за стандартным фоном получилась. А мне нужно чтобы была сплошная картинка, ну типа такого: http://www.liveinternet.ru/users/395386 … c/1576292/
Поделиться7272011-02-25 02:58:13
testosteron
Убираете полностью шапку, ставите код фона что я скинул выше.
HTML-верх
<style type="text/css">
#pun-title, #pun-title .container {background-color: transparent;
border-color: transparent;}
</style>
Ну и собственно если хотите что бы фон отображался действительно везде - нужно сделать прозрачность.
<style type="text/css"> .category .container {background: transparent none !important; } .punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{ background: transparent none !important; } .punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container, #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box, .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{ background: transparent none !important; </style>
PS: Если хотите прозрачность - первый код не используйте только второй
Поделиться7282011-02-25 15:01:20
Спасибо большое, очень выручили
Поделиться7292011-02-27 17:52:26
а можно вопросик
<style type="text/css">
HTML , BODY {
background-image : url(код вашей картинки);background-attachment: fixed;
}
</style>
вот эта фигня да какой код картинки я не понимаю?????
Поделиться7302011-02-27 18:14:46
вот эта фигня да какой код картинки я не понимаю?????
Это ссылка на изображение, которое планируется сделать задним фоном.
Поделиться7312011-02-28 20:00:54
у меня остается прежний что делать???
Поделиться7322011-02-28 20:31:49
Ketrin Kissa Pirs
ссылку на форум
Поделиться7332011-03-01 01:45:01
У меня почему то задний фон странным образом разделился. Я воспользовался этим скриптом:
<style type="text/css">
HTML , BODY {
background-image:url(http://s008.radikal.ru/i305/1102/5c/8998348ef5fd.jpg);background-repeat:no-repeat;background-attachment:fixed;
}
</style>
получилось что у меня два задних фона. Один верхний виден до меню, привязан к форуму. Другой странным образом всплывает поверх первого сразу после основного меню. Помогите плиз.
Ссылка на форум:http://mefrpg.rolka.su/
При изменении масштаба в Опере, хорошо видно, что фон установился. Но второй его закрывает при нормальном масштабировании.
Сразу оговорюсь, что когда задник крутится вместе с форумом, то он размножается и получается куча верхушек.
Отредактировано Ю-зверек (2011-03-01 01:51:12)
Поделиться7342011-03-01 02:42:17
Ю-зверек
вам нужно или делать шапку слитую с фоном или же просто сделать так что бы не было фиксации как таковой.
<style type="text/css">
HTML , BODY {
background: #020000 url(http://s008.radikal.ru/i305/1102/5c/8998348ef5fd.jpg);background-repeat:no-repeat;
}
</style>
Поделиться7352011-03-01 08:19:35
Вставил ваш скрипт. Получилось что вверх некое подобие шапки, которую я не делал, из верхней части заднего фона. А после меню начинается еще один задний фон. И теперь он совсем не привязан к форуму и меняет свое положение при масштабировании =(
Поделиться7362011-03-01 08:34:07
А, если я применяю центрирование то весь фон уезжает вверх. То есть его видно только при виде в полный экран. Вот такие пироги =(
Поделиться7372011-03-01 11:19:25
ага а как сделать так чтобы он растянулся полнастью??
Поделиться7382011-03-01 14:36:49
Вроде бы такого нету. Есть копирование. Растягивайте фон в фотошопе или другом редакторе.
Поделиться7392011-03-01 16:08:31
ага а как сделать так чтобы он растянулся полнастью??
- значит задний фон может растягиваться под любое разрешение!!! Как так зделать??? Потому что я много перебпробывал.
К примеру так: > https://forums.0pk.me/viewtopic.php?pid=86911#p86911
Поделиться7402011-03-09 14:03:21
Извините если такой вопрос был, я долго искала. но ничего не нашла.
У меня задний фон размерами 1600*1200 вот
Но почему то картинка повторяется, т.е. внизу начинает появляться то же самое что и наверху.
Помогите пожалуйста.
Отредактировано Olz (2011-03-09 15:22:32)
Поделиться7412011-03-09 16:02:29
Извините если такой вопрос был, я долго искала. но ничего не нашла.
Долго обиснять - сохраните текущий код в HTML верх у себя в топике и полностью замените на такой
<style type="text/css"> HTML, BODY {background: #F3E8CA url(http://savepic.org/1463714.png) no-repeat 50% 70px!important;} </style> <style type="text/css"> /*Смещаем Банер */ .punbb #title-logo-tdr{ display:block!important; position: absolute!important; margin-left: 180px; top: 9px; } </style> <style type="text/css"> /*Смещаем Банер */ #pun-title table tbody tr .title-logo-tdr{ display:block!important; position: absolute!important; left:50%!important; right:50%!important; margin:0 auto!important; top: -30px!important; } </style> <style type="text/css"> /* Прозрачность рекламного банера */ .title-logo-tdr *, #tieser-bottom{ filter:alpha(opacity=50)!important; opacity: 0.5!important; -moz-opacity: 0.5!important; -khtml-opacity: 0.5!important; } .title-logo-tdr *:hover, #tieser-bottom:hover{ filter:alpha(opacity=100)!important; opacity: 1.0!important; -moz-opacity: 1.0!important; -khtml-opacity: 1.0!important; } </style> <!-- Конец п/п банера --> <style type="text/css"> #pun { width : 690px; } </style> <style type="text/css"> #pun-title table{height: 450px; width: 690px} #pun-title .title-logo {display: none;} #pun-title table {background-image: url();} </style> <style type="text/css"> .category .container {background-color: #f2e8c9 !important; } .punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{ background-color: #f2e8c9 !important; } .punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container, #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box, .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{ background-color: #f2e8c9 !important; </style> <style> #pun-category1 h2 {height: 62px; background-image: url("http://i060.radikal.ru/1103/35/8c4fe2bcab53.jpg"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;} </style> <style> #pun-category2 h2 {height: 62px; background-image: url("http://s010.radikal.ru/i314/1103/02/4b1bc00c3114.jpg"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;} </style> <style> #pun-category3 h2 {height: 62px; background-image: url("http://i080.radikal.ru/1103/9b/699d666d70b2.jpg"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;} </style> <style> #pun-category4 h2 {height: 62px; background-image: url("http://s51.radikal.ru/i131/1103/7d/c9f276ab1d9f.jpg"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;} </style> <style> #pun-category5 h2 {height: 62px; background-image: url("http://s11.radikal.ru/i183/1103/3d/11aeceabb8f6.jpg"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;} </style> <style> #pun-category6 h2 {height: 62px; background-image: url("http://s50.radikal.ru/i128/1103/c6/653062cf0aa1.jpg"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;} </style> <style> .punbb table Div.icon {float: left; display: block; width: 90px; height: 90px; border-style: none; background-image: url(http://i020.radikal.ru/1103/8b/9f8e6d857bd9.jpg); background-repeat: no-repeat; position: relative; margin-right: 10px;} TR.inew Div.icon { background: url(http://s002.radikal.ru/i199/1103/73/67ab53f949fc.jpg) no-repeat;} TR.isticky Div.icon { background: url(http://s53.radikal.ru/i142/1103/94/88071c46fd28.jpg) no-repeat;} TR.iclosed Div.icon { background: url(http://i015.radikal.ru/1103/ed/088f96116f8c.jpg) no-repeat;} TR.iredirect Div.icon { background: url(http://s51.radikal.ru/i131/1103/46/4880bf9c4e93.jpg) no-repeat;} </style> <script type="text/javascript"> var td = document.getElementsByClassName("tcl") for(i=0;i<td.length;i++){ td[i].setAttribute("onmouseover", "this.style.backgroundColor='#EE0000'") td[i].setAttribute("onmouseout", "this.style.backgroundColor=''") } var td = document.getElementsByClassName("tc2") for(i=0;i<td.length;i++){ td[i].setAttribute("onmouseover", "this.style.backgroundColor='#EE0000'") td[i].setAttribute("onmouseout", "this.style.backgroundColor=''") } var td = document.getElementsByClassName("tc3") for(i=0;i<td.length;i++){ td[i].setAttribute("onmouseover", "this.style.backgroundColor='#EE0000'") td[i].setAttribute("onmouseout", "this.style.backgroundColor=''") } var td = document.getElementsByClassName("tcr") for(i=0;i<td.length;i++){ td[i].setAttribute("onmouseover", "this.style.backgroundColor='#EE0000'") td[i].setAttribute("onmouseout", "this.style.backgroundColor=''") } </script> <script type="text/javascript" src="http://freemanager.ucoz.com/js/jquery.js"></script> <style type="text/css"> *{border-style: none !important;} </style> <style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} </style>
Поделиться7422011-03-09 16:15:57
Спасибо вам большое
+
Поделиться7432011-04-24 10:57:29
PS: Если хотите прозрачность - первый код не используйте только второй
А куда его вставлять?
Поделиться7442011-07-27 11:55:06
мне вот с этой картинкой прям...
Поделиться7452011-07-27 13:46:43
Смирнова Юлиана
Правила форума Технической Поддержки пользователей
6) Представьтесь. Заполните свой профиль, максимально подробно. Для получения поддержки обязательно должно быть заполненно поле "Вебсайт" в Профиль -> Персональный -> Вебсайт. Если данное поле не заполнено или Вы не указали адрес форума о котором идет речь в Вашем обращении, Ваш запрос обработан не будет.
Поделиться7462011-08-20 13:40:27
Спасибо)
Поделиться7472011-09-17 18:28:57
У меня такой вопрос, а может кто-нибудь сделать так чтобы на заднем фоне была как бы одна картинка, то есть чтобы она не множилась?
Поделиться7482011-09-24 15:14:28
*вопрос через 5 часов мучений отпал, спасибо за внимание*
Отредактировано morty (2011-09-24 21:02:14)
Похожие темы
Как сделать, что бы на заднем фоне форума была картинка??? | Архив тем | 2010-05-03 |
Задний фон | Архив тем | 2010-12-15 |
Изменение переднего фона | Вопросы по скриптам | 2011-08-07 |
Изменение фона у стандартного стиля | Архив тем | 2009-08-04 |
Фоны | Архив тем | 2011-08-24 |