Нужна помощь!

  • Автор темы sanek85
  • Дата начала
S
sanek85
Участник
Сообщения
124
Реакции
2
проблема такая я в стилях поменял размер блока статистики увеличил ни теперь не хватает длины заднего фона http://lesorud.ru/ подскажите как сделать задний фан вровень с блоком ?
 
Minik
Minik
Местный
Сообщения
82
Реакции
6
width. height под статистику. в style.css
 
S
sanek85
Участник
Сообщения
124
Реакции
2
Minik написал(а):
width. height под статистику. в style.css
Нажмите для раскрытия...
body { margin:0px; padding:0px; font-family: "PTSansRegular"; background: url(/img/fon4.jpg); background-background-size:
cover; }
img { border:0px; }
.clr { clear:both; }


.stn:link, .stn:visited { color: #609143; text-decoration: none; font-weight: bold; }
.stn:active, .stn:hover { color: #d77906; text-decoration: none; }

.stn-sort:link, .stn-sort:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.stn-sort:active, .stn-sort:hover { color: #000000; text-decoration: none; }

/*############# WRAPPERS #############*/
.wrap { width:980px; margin:0 auto; border:0px solid black; }

/*############# HEADER #############*/


.knopula {
-moz-box-shadow:inset -7px 1px 0px -50px #fff6af;
-webkit-box-shadow:inset -7px 1px 0px -50px #fff6af;
box-shadow:inset -7px 1px 0px -50px #fff6af;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4B0082), color-stop(1, #4B0082) );
background:-moz-linear-gradient( center top, #4B00825%, #4B0082 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#4B0082');
background-color:#4B0082;
-webkit-border-top-left-radius:18px;
-moz-border-radius-topleft:18px;
border-top-left-radius:18px;
-webkit-border-top-right-radius:18px;
-moz-border-radius-topright:18px;
border-top-right-radius:18px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0px;
border:3px solid #ffe9c7;
display:inline-block;
color:#005cfc;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:normal;
height:37px;
line-height:37px;
width:102px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #6b5f00;


}
.knopula:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4B0082), color-stop(1, #4B0082) );
background:-moz-linear-gradient( center top, #4B0082 5%, #4B0082 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#4B0082');
background-color:#4B0082;
}.knopula:active {
position:relative;
top:1px;
}




.header { width:100%; }

.clr-line {
background: url(/img/hd-line.jpg) no-repeat;
width:980px;
height:8px;
}

.logo {
background: url(/img/logo.png) no-repeat;
width:322px;
height:109px;
margin-top:10px;
}

.hd-menu {
float:right;
list-style:none;
font-family: "PTSansRegular";
margin:50px 0px 0px 0px;
border-radius: 10px;

}

.hd-menu li {
display:inline;
margin:0px 15px 0px 0px;
border:3px solid #724A4A;
padding:7px 5px 3px 5px;
background-image: url(http://corel.demiart.ru/wp-content/uploads/2012/10/krasivfon.thumbnail.jpg);
border-radius: 10px;
}

.hd-menu li:hover {
border:3px solid #f9ac85;
border-radius:4px;
padding:5px 5px 3px 5px;

}

.hd-menu a {
text-decoration:none;
color:#FFF;
font-weight: 900;
font-size: large;
}

.cp-art {
background: url(/img/fruits.png) no-repeat;
width:542px;
height:244px;
margin-bottom:10px;
float:left;
}

.sprite-icon {
background: url(/img/sprite-icon.png) no-repeat;
width:500px;
height:500px;
}

.hd-bnf {
float:left;
background: url(/img/bnf.png) repeat-x;
height:142px;
font-family: "lobster";
margin:25px 0px 0px 10px;
padding:10px 15px 0px 30px;
color:#3f9800;
font-size:1.2em;
line-height: 17pt;
border:1px solid #b6b6b6;
border-radius:10px;
}

.hd-bnf li {
list-style-image: url(/img/arrow.png);
background-repeat:no-repeat;
}

/*############# CONTENT #############*/
.content { width:100%; margin-top:10px; }
.cl-left { width:325px; float:left; border:0px solid black; }
.cl-right { width:630px; float:left; padding:0px 0px 0px 20px; border:0px solid black; }

.h-title {
background: url(/img/opacity-title.png) no-repeat;
width:289px;
height:22px;
color:#FFFFFF;
font-family: "PTSansRegular";
text-align:center;
margin:2px 0px 0px 15px;
font-weight: 900;
}

.autoriz {
background: url(/img/bnf.png) repeat-x;
height:175px;
border:1px solid #b6b6b6;
border-radius:10px;
}

.lg {
background: none;
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(/img/inpt.png) repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px 10px;
margin:3px 0px 0px 0px;
}

.lg:hover {
background: url(/img/inpt-hov.png) repeat-x;
width:237px;
height:24px;
}

.ps {
background: none;
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(/img/inpt.png) repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px 10px;
margin:3px 0px 0px 0px;
}

.ps:hover {
background: url(/img/inpt-hov.png) repeat-x;
width:237px;
height:24px;
}

.btn_in {
background: #73b1ff;
border: 1px solid #60a2f6;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
cursor:pointer;
width:60px;
}

.btn_reg {
background: #73b1ff;
border: 1px solid #60a2f6;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
cursor:pointer;
width:100px;
}

a.rs-ps { color:#f77827; text-decoration:none; font-size:14px; }
a.rs-ps:hover { text-decoration:underline; }

.stat {
background: url(/img/bnf.png) repeat-x;
height:280px;
margin:20px 0px 0px 0px;
border:1px solid #b6b6b6;
border-radius:10px;
}

.st-lf { float:left; margin:5px 0px 0px 0px; }
.st-rg { float:left; margin:7px 0px 0px 15px; }

.line {
margin:10px 0px 0px 30px;
}

.line-st {
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(/img/inpt-hov.png) repeat-x;
width:115px;
height:19px;
color:#f77827;
text-align:center;
margin:2px 0px 0px 0px;
padding:5px 0px 0px 0px;

}

.st-time {
margin:3px 0px 0px 30px;
}

.wim {
background: url(/img/small-inpt.png) repeat-x;
width:229px;
height:34px;
border:1px solid #b6b6b6;
border-radius:10px;
text-align:center;
font-size:20pt;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 190px;
}

.wim-block {
margin:10px 0px 0px 67px;
}

.wim-lf {
background: url(/img/seed.png) no-repeat;
width:125px;
height:129px;
float:left;
}

.wim-ctr {
width:220px;
float:left;
color:#0a5200;
font-size:19pt;
text-align:center;
margin:0px 5px 0px 5px;
}

.wim-ctr-in {
background: url(/img/arrows.png) no-repeat;
width:117px;
height:63px;
margin:10px 0px 10px 50px;
}

.wim-rg {
background: url(/img/money.png) no-repeat;
width:130px;
height:131px;
float:left;
}

.garant-bk {
width:200px;
float:left;
margin:5px 0px 0px 0px;
text-align:center;
color:#0a5200;
font-size:15pt;

}

i {
display:block;
background:url(/img/garant-sprite.png);
width:171px;
height:155px;
margin-left:15px;
}

.cntrl-ps {
width:171px;
margin-left:71px;

}

s {
display:block;
background:url(/img/paysitem-sprite.png);
width:57px;
height:46px;
float:left;
}

.acc-title {
background: #FFE29E;
width:235px;
height:30px;
border:1px solid #FFE29E;
border-radius:10px;
text-align:center;
font-family: "lobster";
font-size:18px;
color:#80acb0;
margin-left:45px;
}

.field-gr {
background: url(/img/field-gr.jpg) no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-gr a {
color:#7ea57b;
text-decoration:none;
font-size:20px;
}

.field-gr a:hover {
color:#99be97;
text-decoration:none;
border-bottom:1px dashed #99be97;
font-size:20px;
}

.field-rd {
background: url(/img/field-rd.jpg) no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-rd a {
color:#ad7676;
text-decoration:none;
font-size:20px;
}

.field-rd a:hover {
color:#c28888;
text-decoration:none;
border-bottom:1px dashed #c28888;
font-size:20px;
}

.field-ar {
background: url(/img/field-ar.jpg) no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-ars {
background: url(/img/field-ars.jpg) no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-ars a, .field-ar a {
color:#7ea57b;
text-decoration:none;
font-size:18px;
}

.field-ars a:hover, .field-ar a:hover {
color:#99be97;
text-decoration:none;
border-bottom:1px dashed #99be97;
font-size:18px;
}

.fr-block {
background: url(/img/fr-block.jpg) no-repeat;
width:450px;
height:150px;
float:left;
margin:0px 20px 20px 80px;
}

.fr-block img {
margin:10px 0px 0px 15px;
border-radius:10px;
border:3px solid #cdcdcd;
}

.fr-title {
color:#7ea57b;
font-size:18px;
}

.cl-fr-lf {
float:left;
text-align:center;
}

.cl-fr-rg {
float:left;
margin: 10px 0px 0px 5px;
}

.fr-te-gr { color:#7ea57b; }
.fr-te-gr-title { color:#000; font-weight:700; margin-bottom:10px;}

a.sm-btn {
display:block;
cursor:pointer;
font-size: 12px;
font-weight: 700 !important;
margin: 0px 5px 8px 0px;
padding: 0px 14px;
border-radius: 10px;
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.102);
display: inline-block;
line-height: 26px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.298);
background: linear-gradient(to bottom, #88BDFF 0px, #60A7FF 100%) transparent;
border: 1px solid #3E8FF4;
color: #2B63A8 !important;
text-decoration:none;
}

a.sm-btn:hover { opacity:0.8; }


input.sm-btn {
display:block;
cursor:pointer;
font-size: 12px;
font-weight: 700 !important;
margin: 0px 5px 8px 0px;
padding: 0px 14px;
border-radius: 10px;
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.102);
display: inline-block;
line-height: 30px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.298);
background: linear-gradient(to bottom, #88BDFF 0px, #60A7FF 100%) transparent;
border: 1px solid #3E8FF4;
color: #2B63A8 !important;
text-decoration:none;
}

input.sm-btn:hover { opacity:0.8; }

.silver-bk {
background: #FFE29E;
border:1px solid #dddddd;
width:580px;
margin:-10px 0px 0px 0px;
padding:10px 10px 10px 20px;
color:#7ea57b;
}

.s-bk-lf {
margin-left:150px;
}

.sm-line {
width:450px;
float:left;
margin:5px 0px 5px 0px;
font-size:14px;

}

.sm-line-nt {

margin:5px 0px 5px 0px;
font-size:14px;

}

.sm-line-nt img {
border:3px solid #cdcdcd;
border-radius:10px;
vertical-align:-13px;
}

.sm-line img {
border:3px solid #cdcdcd;
border-radius:10px;
vertical-align:-13px;
margin:0px 5px 0px 0px;
}

.m-tb {
background: #7ea57b;
color:white;
}

table { border:none; }

td {
border-radius:10px;
margin-right:5px;
}

.bs-py {
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(/img/inpt-hov.png) repeat-x;
width:115px;
height:24px;
color:#f77827;
text-align:center;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
}

.out-my {
background: none;
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(/img/inpt.png) repeat-x;
width:187px;
height:24px;
padding:0px 0px 0px 10px;
margin:1px 0px 0px 0px;
}

.out-my:hover {
background: url(/img/inpt-hov.png) repeat-x;
width:187px;
height:24px;
}

/*############# FOOTER #############*/
.footer {
margin-top:100px;
}

.htt:hover {background-color:#ccffcc;}
 
Andreys
Andreys
Участник
Сообщения
576
Реакции
40
sanek85 написал(а):
проблема такая я в стилях поменял размер блока статистики увеличил ни теперь не хватает длины заднего фона http://lesorud.ru/ подскажите как сделать задний фан вровень с блоком ?
Нажмите для раскрытия...
Какого заднего ? Желтого чтоли
 
S
sanek85
Участник
Сообщения
124
Реакции
2
Andreys написал(а):
Какого заднего ? Желтого чтоли
Нажмите для раскрытия...
да Желтого видите чуть ниже прозрачный а должен быть Желтого
 
Andreys
Andreys
Участник
Сообщения
576
Реакции
40
sanek85 написал(а):
да Желтого видите чуть ниже прозрачный а должен быть Желтого
Нажмите для раскрытия...
А желтый фон Это картинка ? bnf.png , пробовал ее высоту увеличивать ? или это код цвета ?

Общем можешь попробывать вот так сделать
style.css:242 там меняй 280 на 180

а где у тебя вот такой код
<img src="https://payeer.com/bitrix/templates/difiz/images/logo.png" alt="" width="126" height="26">
перед ним вставть
<center><br><br><br><br><br><br><br><br><br><br><br><br>
<img src="https://payeer.com/bitrix/templates/difiz/images/logo.png" alt="" width="126" height="26">
<br>

у тебя должно получится так


Со стилями без скрипта самого сайта не удобно подстраивать, так что только так н а вскидку.​
 
S
sanek85
Участник
Сообщения
124
Реакции
2
Andreys написал(а):
А желтый фон Это картинка ? bnf.png , пробовал ее высоту увеличивать ? или это код цвета ?

Общем можешь попробывать вот так сделать
style.css:242 там меняй 280 на 180

а где у тебя вот такой код
<img src="https://payeer.com/bitrix/templates/difiz/images/logo.png" alt="" width="126" height="26">
перед ним вставть
<center><br><br><br><br><br><br><br><br><br><br><br><br>
<img src="https://payeer.com/bitrix/templates/difiz/images/logo.png" alt="" width="126" height="26">
<br>

у тебя должно получится так


Со стилями без скрипта самого сайта не удобно подстраивать, так что только так н а вскидку.​
Нажмите для раскрытия...
пробовал высоту bnf.png картинки менять но на сайте отображает также а банеры я специально к статистики перенес хочу чтоб там были
 
Andreys
Andreys
Участник
Сообщения
576
Реакции
40
  • #10
sanek85 написал(а):
пробовал высоту bnf.png картинки менять но на сайте отображает также а банеры я специально к статистики перенес хочу чтоб там были
Нажмите для раскрытия...
Ну тогда в style.css:242
height: 180px;
margin на вместо 20,, 100

Не могу найти в стилях где желтый регулируется,, гдето стили переплелись)
 
S
sanek85
Участник
Сообщения
124
Реакции
2
  • #11
Andreys написал(а):
Ну тогда в style.css:242
height: 180px;
margin на вместо 20,, 100

Не могу найти в стилях где желтый регулируется,, гдето стили переплелись)
Нажмите для раскрытия...
а зачем мне увеличивать расстояние между блоками 100 а если ставлю height: 180px; то блок маленький получается в него статистика не помещяеться
 
Minik
Minik
Местный
Сообщения
82
Реакции
6
  • #12
sanek85 написал(а):
а зачем мне увеличивать расстояние между блоками 100 а если ставлю height: 180px; то блок маленький получается в него статистика не помещяеться
Нажмите для раскрытия...
Значит делай больше
 
S
sanek85
Участник
Сообщения
124
Реакции
2
  • #13
Minik написал(а):
Значит делай больше
Нажмите для раскрытия...
а если делаю больше то в блоках половины фона не показывает прозрачный на половину
 
Andreys
Andreys
Участник
Сообщения
576
Реакции
40
  • #14
sanek85 написал(а):
а зачем мне увеличивать расстояние между блоками 100 а если ставлю height: 180px; то блок маленький получается в него статистика не помещяеться
Нажмите для раскрытия...
Ну я думал ты так хотел сделать
 
S
sanek85
Участник
Сообщения
124
Реакции
2
  • #15
Andreys написал(а):
Ну я думал ты так хотел сделать
Нажмите для раскрытия...
я отел чтоб красиво было чтоб эти банеры отображались в блоке статистика а так больно большое расстояния между блоками
 
assus
assus
Если нужна ферма пишите. Дизайн для Ферм.
Участник
Сообщения
454
Реакции
59
Skype
  • #16
мне так кажется лучше полностью поменять дизайн чем делать что-то с блоками!
 
S
sanek85
Участник
Сообщения
124
Реакции
2
  • #17
assus написал(а):
мне так кажется лучше полностью поменять дизайн чем делать что-то с блоками!
Нажмите для раскрытия...
дизайн подгонять тяжелее чем блоки ковырять
 
S
sanek85
Участник
Сообщения
124
Реакции
2
  • #18
Все сделал тема закрыта
 
Войдите или зарегистрируйтесь для ответа.
Сверху