Единый форум поддержки

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

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

замена фона.

Страница:   1 2 3  

Сообщений 21 страница 40 из 47

21

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20
kolobdur74 написал(а):

Еще поправил:

На скриншрте покажите - я из под гостя могу не так видеть..

http://s8.uploads.ru/cUs6E.png

0

22

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7628
  • Уважение: +6197
  • Позитив: +6723
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:23:19

Gifts, как нужно? Ниже - выше?

0

23

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
выше , да и сейчас по четче стало... 8-)

0

24

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7628
  • Уважение: +6197
  • Позитив: +6723
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:23:19
Gifts написал(а):

выше , да и сейчас по четче стало...

Это родная ширина - я немного сдвигал в предыдущих разах..

Вот здесь в коде:

#pun-navlinks + div {
    margin-top: 20px;
}

Выставляете отступ, который вам нужно..

0

25

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
спасибо большое , ща вроде намного лучше, а качество как подпровлять? или это предел..?
да а можно разделяющие границы темнее сделать под цвет разделов, чтобы видно их было...?

0

26

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7628
  • Уважение: +6197
  • Позитив: +6723
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:23:19
Gifts написал(а):

спасибо большое , ща вроде намного лучше, а качество как подпровлять? или это предел..?

Качество зависит от самой картинки - они здесь не растягиваются и не ужимаются..

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

да а можно разделяющие границы темнее сделать под цвет разделов, чтобы видно их было...?

Так? Добавил:

Код:
<!--Установка фона -->
<style>
#pun {
background: url(http://s1.uploads.ru/dUlcN.png) repeat-y;
padding: 0;
}

#pun-navlinks + div {
    margin-top: 10px;
}

.punbb {
background: url(http://se.uploads.ru/DOAPU.png) 50% 0% no-repeat, url(http://s9.uploads.ru/zWtHg.png) 50% 100% no-repeat;
padding: 0 10px 10px 10px;
max-width: 1180px;
margin-top: 200px;
}

.punbb .section .container, 
.punbb .modmenu .container,
 #pun-ulinks .container,
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3, 
.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, 
.punbb-admin #pun-admain .adcontainer {
background: transparent;
}

#pun-ulinks li, 
#pun-announcement h2 span, 
li#onlinelist, 
#pun-help .formal .info-box h3.legend span,
.punbb .main .container, 
.punbb .post .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer,
.punbb td, 
.punbb fieldset, 
#viewprofile ul, 
#profilenav ul, 
.punbb .post .post-body,
.punbb .container, 
.punbb .post-body, .post h3, 
#pun-title,
.punbb .post h3 span, 
.post-links ul, 
.post-links, .usertable table,
#pun-ulinks li a, 
#pun-announcement h2, 
li#onlinelist div, 
#pun-help .formal .info-box h3.legend {
border-color: rgb(74, 19, 19);
}

#pun-ulinks .container {
border-bottom: 1px solid rgb(74, 19, 19);
}
</style>

+2

27

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
о да.. спс  :cool:

0

28

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
я тут подготовил материал для общего фона ,это бока и низ...)
Поможете..? :blush:

ВЕРХ
http://s1.uploads.ru/uQtL6.png

СЕРЕДИНА
http://sf.uploads.ru/7yN42.png

НИЗ
http://se.uploads.ru/RkWyS.png

0

29

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7628
  • Уважение: +6197
  • Позитив: +6723
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:23:19
Gifts написал(а):

я тут подготовил материал для общего фона ,это бока и низ...)

Не годится - они не состыкуются - будет полосами идти.. И тут стоит учитывать, что здесь будет ширина не фиксированная, поэтому будет растягиваться по ширине..

0

30

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
целый рисунок не получиться впихнуть, или нарезать грамотно нуно...?

0

31

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
http://sh.uploads.ru/ASr1f.jpg
может с этим выйдет?

0

32

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
может это...?

верх
http://s2.uploads.ru/cKHhJ.png

середина 1
http://s1.uploads.ru/tUnFm.png

середина 2
http://se.uploads.ru/RkyDK.png

низ
http://se.uploads.ru/CKbMS.png

0

33

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51747
  • Уважение: +15556
  • Позитив: +12383
  • Последний визит:
    Вчера 16:25:28

Gifts
Замените Весь HTML верх

Код:
<style>
#pun-title {
    background: #000 url(http://se.uploads.ru/QMND6.jpg) no-repeat center top;
    height: 200px;
}
#pun-title h1 {
    display:none;
}
#pun-navlinks {
    top: 160px;
}
#pun-navlinks + div {
    margin-top: 200px;
}
</style>

<style type="text/css">
input[type=range]#zvyk {-webkit-appearance: none;margin: 4px 0;}
input[type=range]#zvyk:focus {outline: none;}
input[type=range]#zvyk::-webkit-slider-runnable-track {height: 4px;cursor: pointer;box-shadow: 0.2px 0.2px 0.9px #0e0078, 0px 0px 0.2px #110092;background: rgba(47, 122, 205, 0.57);border-radius: 0.4px;border: 1px solid #006323;}
input[type=range]#zvyk::-webkit-slider-thumb {box-shadow: 2px 2px 9.7px rgba(232, 0, 237, 0.57), 0px 0px 2px rgba(250, 8, 255, 0.57);border: 2px solid #5c99c8;height: 12px;width: 12px;border-radius: 28px;background: #748a9d;cursor: pointer;-webkit-appearance: none;margin-top: -5px;}
input[type=range]#zvyk:focus::-webkit-slider-runnable-track {background: rgba(178, 206, 237, 0.57);}
input[type=range]#zvyk::-moz-range-track {height: 4px;cursor: pointer;box-shadow: 0.2px 0.2px 0.9px #0e0078, 0px 0px 0.2px #110092;background: rgba(47, 122, 205, 0.57);border-radius: 0.4px;border: 1px solid #006323;}
input[type=range]#zvyk::-moz-range-thumb {box-shadow: 2px 2px 9.7px rgba(232, 0, 237, 0.57), 0px 0px 2px rgba(250, 8, 255, 0.57);border: 2px solid #5c99c8;height: 12px;width: 12px;border-radius: 28px;background: #748a9d;cursor: pointer;}
input[type=range]#zvyk::-ms-track {height: 4px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
input[type=range]#zvyk::-ms-fill-lower {background: rgba(17, 43, 72, 0.57);border: 1px solid #006323;border-radius: 0.8px;box-shadow: 0.2px 0.2px 0.9px #0e0078, 0px 0px 0.2px #110092;}
input[type=range]#zvyk::-ms-fill-upper {background: rgba(47, 122, 205, 0.57);border: 1px solid #006323;border-radius: 0.8px;box-shadow: 0.2px 0.2px 0.9px #0e0078, 0px 0px 0.2px #110092;}
input[type=range]#zvyk::-ms-thumb {box-shadow: 2px 2px 9.7px rgba(232, 0, 237, 0.57), 0px 0px 2px rgba(250, 8, 255, 0.57);border: 2px solid #5c99c8;height: 12px;width: 12px;border-radius: 28px;background: #748a9d;cursor: pointer;height: 4px;}
input[type=range]#zvyk:focus::-ms-fill-lower {background: rgba(47, 122, 205, 0.57);}
input[type=range]#zvyk:focus::-ms-fill-upper {background: rgba(178, 206, 237, 0.57);}
#radio:hover{opacity: 1;}
#zvyk,#tracks,#stop {position:relative;}
#tracks{display:none;text-align: left;}
#tracks li{cursor: pointer;}
#tracks li.active {background: #bddeee;}
#zvyk{margin-top: 4px;}
#pred, #sled {border: 0 none;cursor: pointer;height: 10px;position:relative;width: 21px;vertical-align: middle;
}
#stop {background: transparent url("https://forumstatic.ru/files/0017/d8/50/88284.png") no-repeat scroll 0 -22px;
border: 0 none;cursor: pointer;display: inline-block;height: 31px;left: 13px;margin: 3px;width: 31px;
}
#pred {background: transparent url("https://forumstatic.ru/files/0017/d8/50/88284.png") no-repeat scroll 0 0;margin-right: -5px;}
#sled {background: transparent url("https://forumstatic.ru/files/0017/d8/50/88284.png") no-repeat scroll 0 -11px;margin-left: 14px;}
#trk-list {background: transparent url("https://forumstatic.ru/files/0017/d8/50/88284.png") no-repeat scroll 0 -85px;
border: 0 none;cursor: pointer;position:relative;height: 22px;width: 33px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var radio=new Audio(),i=0,radiolist=[
{n:'WGFM-Главный канал',u:'http://wargaming.fm/1?source=player',c:'http://samara11x11.ucoz.ru/TRANS-radio/WarGaming_FM.png'},
{n:'WGFM-второй канал',u:'http://wargaming.fm/2?source=player',c:'https://ru-wotp.wgcdn.co/dcont/fb/image/wgfm-logo.png'},
{n:'WGFM-Trance',u:'http://wargaming.fm/3?source=player',c:'http://samara11x11.ucoz.ru/TRANS-radio/WarGaming_FM.png'},
{n:'WGFM-Rock',u:'http://wargaming.fm/4?source=player',c:'https://ru-wotp.wgcdn.co/dcont/fb/image/wgfm-logo.png'}
];
var x='<ul>';for(i=0;i<radiolist.length;i++){var nz=radiolist[i].n,url=radiolist[i].u,cv=radiolist[i].c;x+='<li data-audio-url="'+url+'" data-cover-src="'+cv+'">'+(i+1)+'. '+nz+'</li>';}
x+='</ul>';$('#tracks').append(x);if(!localStorage['vl']){localStorage['vl']=0.5;}
radio.volume=localStorage['vl'];$('#zvyk').attr('value',localStorage['vl']*10);$('#zvyk').on('change keyup input',function(){localStorage['vl']=parseFloat(this.value/10)
radio.volume=localStorage['vl'];});function active(){$('#tracks li').each(function(i){var a=$(this).data('audio-url'),b=radio.src;if(a.indexOf(b)!=-1){$(this).addClass('active').siblings('li').removeClass('active');!localStorage['cN']?localStorage['at']=radiolist[0].u:localStorage['at']=radiolist[i].u}});}
radio.src=localStorage['at'];if(!localStorage['cN']){localStorage['cN']='stop';};function radioActive(){localStorage['cN']!='stop'?radio.play():radio.pause()};radioActive();function cover(){var c=$('#radio li.active').data('cover-src');if(c==='undefined'||c==''){$('#layer').css({'background':'url(https://forumstatic.ru/files/0012/72/15/53582.png)','background-size':'cover','-webkit-filter':'blur(1px)','filter':'blur(1px)'});}else{$('#layer').css({'background':'url('+c+')','background-size':'cover','-webkit-filter':'blur(1px)','filter':'blur(1px)'});}}
cover();$('#stop').on('click',function(){if(radio.paused){radio.play();localStorage['cN']='play';active();cover();$(this).css({'background-position':'0 -53px'});}else{radio.pause();localStorage['cN']='stop';$(this).css({'background-position':'0 -22px'});$('#zvyk').attr('value',localStorage['vl']*10);$('.b1, .b2, .b3').css('height','0');}});$('#sled').on('click',function(){i=$('#tracks').find('li.active').index();i=++i<radiolist.length?i:0;radio.src=radiolist[i].u;radioActive();active();cover();});$('#pred').on('click',function(){i=$('#tracks').find('li.active').index();i=--i>-1?i:radiolist.length-1;radio.src=radiolist[i].u;radioActive();active();cover();});$('#tracks li').on('click',function(){radio.src=$(this).data('audio-url');radioActive();active();$('#stop').trigger('click');});$('#trk-list').live('click',function(){$('#tracks').toggle('slow');});});
</script>
 
<div id="radio" style="position:fixed; right: 22px; top: 70px; z-index:20000;overflow-x:visible;width:171px;opacity: 0.9;text-align: center;">
<div id="layer" style="position:absolute;height:100px;top:-2px;opacity: 0.6;width:170px;"></div>
<button id="pred" title="Предыдущая станция"> </button><button id="stop" title="Вкл/Выкл"></button>
<button id="sled" title="Следующая станция"></button><br>
<input id="zvyk" min="0" max="10" value="" type="range" step="1" title="Громкость"><br>
<button id="trk-list" title="Показать список станций"></button>
<div id="tracks"></div>
</div>

<style>
.icon[data-new-topics]:before {
  background:url(http://sd.uploads.ru/zF2Gj.png) center center no-repeat!important;
  background-size:45px!important;margin:-12px!important;padding:12px!important;
}
</style>
<!--Установка фона -->
<style>
#pun {
background: url(http://s1.uploads.ru/tUnFm.png) repeat-y;
padding: 0;
}
 
#pun-navlinks + div {
    margin-top: 4px;
}
 
.punbb {
background: url(http://s2.uploads.ru/cKHhJ.png) 50% 0% no-repeat, url(http://s2.uploads.ru/UoC8l.jpg) 50% 100% no-repeat;
padding: 0 10px 10px 10px;
max-width: 1180px;
margin-top: 200px;
}
 
.punbb .section .container, 
.punbb .modmenu .container,
 #pun-ulinks .container,
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3, 
.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, 
.punbb-admin #pun-admain .adcontainer {
background: transparent;
}
 
#pun-ulinks li, 
#pun-announcement h2 span, 
li#onlinelist, 
#pun-help .formal .info-box h3.legend span,
.punbb .main .container, 
.punbb .post .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer,
.punbb td, 
.punbb fieldset, 
#viewprofile ul, 
#profilenav ul, 
.punbb .post .post-body,
.punbb .container, 
.punbb .post-body, .post h3, 
#pun-title,
.punbb .post h3 span, 
.post-links ul, 
.post-links, .usertable table,
#pun-ulinks li a, 
#pun-announcement h2, 
li#onlinelist div, 
#pun-help .formal .info-box h3.legend {
border-color: rgb(74, 19, 19);
}
 
#pun-ulinks .container {
border-bottom: 1px solid rgb(74, 19, 19);
}
</style>

2-е Фон режется на 3 части, а не на 4!
1- Верхний кусок. 2-нижний кусок и  узкий кусок по центру, стыкуемый сверху и снизу

0

34

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
по первому фону , я тут чють лоханулся..)) можно верх заменить на это..??
http://s3.uploads.ru/4DEFW.png

0

35

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

Deff
не не, золото на общий фон чтобы он с боков и снизу был , а бумага на фон форума...((

золотой фон тут
http://s5.uploads.ru/rtjwy.png

Отредактировано Gifts (Чт, 2 Ноя 2017 21:59:23)

0

Перевести36

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

:blush: Heelp!

0

37

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7628
  • Уважение: +6197
  • Позитив: +6723
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:23:19
Gifts написал(а):

середина 2

Такая середина будет полосами.. Чтобы проверить как будет выглядеть - подставьте в фотошопе несколько полос, и тогда видно сразу будет как оно стыкуется..

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

по первому фону , я тут чють лоханулся..)) можно верх заменить на это..??

Код:
<!--Установка фона -->
<style>
#pun {
background: url(http://s1.uploads.ru/dUlcN.png) repeat-y;
padding: 0;
}
 
#pun-navlinks + div {
    margin-top: 4px;
}
 
.punbb {
background: url(http://s3.uploads.ru/4DEFW.png) 50% 0% no-repeat, url(http://s9.uploads.ru/zWtHg.png) 50% 100% no-repeat;
padding: 0 10px 10px 10px;
max-width: 1180px;
margin-top: 200px;
}
 
.punbb .section .container, 
.punbb .modmenu .container,
 #pun-ulinks .container,
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3, 
.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, 
.punbb-admin #pun-admain .adcontainer {
background: transparent;
}
 
#pun-ulinks li, 
#pun-announcement h2 span, 
li#onlinelist, 
#pun-help .formal .info-box h3.legend span,
.punbb .main .container, 
.punbb .post .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer,
.punbb td, 
.punbb fieldset, 
#viewprofile ul, 
#profilenav ul, 
.punbb .post .post-body,
.punbb .container, 
.punbb .post-body, .post h3, 
#pun-title,
.punbb .post h3 span, 
.post-links ul, 
.post-links, .usertable table,
#pun-ulinks li a, 
#pun-announcement h2, 
li#onlinelist div, 
#pun-help .formal .info-box h3.legend {
border-color: rgb(74, 19, 19);
}
 
#pun-ulinks .container {
border-bottom: 1px solid rgb(74, 19, 19);
}
</style>

0

38

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20
kolobdur74 написал(а):

Такая середина будет полосами.. Чтобы проверить как будет выглядеть - подставьте в фотошопе несколько полос, и тогда видно сразу будет как оно стыкуется..

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

0

39

  • Автор: Gifts
  • Заслуженный
  • Gifts
  • Зарегистрирован: Вс, 28 Май 2017
  • Сообщений: 209
  • Уважение: +15
  • Позитив: +37
  • Предупреждения: (1) Дубль вопросов
  • Последний визит:
    Вт, 4 Июн 2019 21:09:20

kolobdur74
можете просто, верх и серединой 1 добить до конца...)
я по тихой шарить начинаю)))

0

40

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7628
  • Уважение: +6197
  • Позитив: +6723
  • Пол: Мужской
  • Последний визит:
    Сегодня 13:23:19
Gifts написал(а):

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

Можете посмотреть сами как это выглядит:

Код:
<style>
html {
background: url(http://s1.uploads.ru/tUnFm.png) repeat-y;
background-size: 100% auto;
}
</style>

0

Страница:   1 2 3