Страница 1 из 212»
Форум про uCoz » Создание сайта на uCoz » Вопросы по uCoz » Вопрос по слайдеру доски объявлений (вывод количество фото)
Вопрос по слайдеру доски объявлений
Norton
Дата: Суббота, 04.02.2017, 18:28 | Сообщение # 1
Проверенные
Сообщений:59
Награды: 1


Поставил резиновый слайде на доску объявления.с выводом 3-х фото. Но при подаче объявления люди загружают разные размеры фото к примеру одно фото с разращением 800х600...а другие 1920х1280, как сделать что бы при загрузки фото они все равномерно сжимались допустим до 800х600? И второй вопрос по слайдеру - сейчас слайдер на 3-и фото но бывает что люди загружают только одно фото получается что остальные 2-е просто не красиво сжимаются как сделать что бы вместо пустышек выводилась белое поле или какая то реклама?

Ссылка на доску: bobryk.ucoz.club/board/

Kosten
Дата: Суббота, 04.02.2017, 18:35 | Сообщение # 2
Администраторы
Сообщений:14419
Награды: 47


Попробуйте здесь авто убрать margin:0 auto; так как автоматически выводит размер, а к примеру поставить так margin:300px; - здесь сами размер подгоните.
Kosten
Дата: Суббота, 04.02.2017, 18:36 | Сообщение # 3
Администраторы
Сообщений:14419
Награды: 47


Norton, что то перешел и слайдера не увидел на сайте.
Norton
Дата: Суббота, 04.02.2017, 19:14 | Сообщение # 4
Проверенные
Сообщений:59
Награды: 1


Цитата Kosten ()
что то перешел и слайдера не увидел на сайте.

Вот слайдер



Добавлено (04.02.2017, 19:14)
---------------------------------------------
Нет не помогло...если ставлю margin:300px; ...то картинка очень маленькая....а если увеличиваю 400-500 и выше то её совсем не видно...такое ощущение что пусто поле растянулось....
Angerfist
Дата: Суббота, 04.02.2017, 23:48 | Сообщение # 5
Vip
Сообщений:761
Награды: 21


Norton, какой нафиг margin))) этим мы устанавливаем величину отступа от каждого края элемента...

Вы конечно нашли самое громоздкое решение среди слайдеров, но дело ваше конечно, вообщем для начала я вижу все ссылки на css и js файлы идут с сайта донора delaisait.ucoz.ru, переделывать мы слайдер не будем, есть быстрое и безболезненное решение для вас.

Придётся всё таки скопировать css (delaisait.ucoz.ru/script/sluder/2014/flexslider/public.css) и залить к себе на сайт. Придётся отредактировать один момент в файле стилей, а именно поменять:
Код

.metaslider img {
    height: auto;
    padding: 0;
    margin: 0;
}

на это
Код

.metaslider img {
object-fit: cover;
height: 450px;
width: 100%;
}


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


No regrets
Kosten
Дата: Воскресенье, 05.02.2017, 01:21 | Сообщение # 6
Администраторы
Сообщений:14419
Награды: 47


Norton, у вас не адаптированно под мобильную адаптацию это кусок, так все нормально, только он вылазит.

Сафрон
Дата: Воскресенье, 05.02.2017, 03:25 | Сообщение # 7
Vip
Сообщений:217
Награды: 1


Но как что то платное так и не адаптированно) 07a
FeStemBer
Дата: Воскресенье, 05.02.2017, 03:55 | Сообщение # 8
Проверенные
Сообщений:349
Награды: 1


Слайдер знакомый.
Norton
Дата: Воскресенье, 05.02.2017, 11:19 | Сообщение # 9
Проверенные
Сообщений:59
Награды: 1


Angerfist - спасибо помогло))

1. Есть ещё вопрос по слайдеру - сейчас слайдер на 3-и фото но бывает что люди загружают только одно фото получается что остальные 2-е просто пустышки... как сделать что бы эти пустышки заполнялись какой то рекламкой?
2. Как поле странички Полный вид материала с комментариями - поместить в бокс....как на скриншоте!
css на сайте
Код
.modtitle {
width:753px;
padding:20px;
line-height:30px;
border-top:1px solid #141d2f;
border-bottom:1px solid #141d2f;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#343e4f,#212c40);
background: -webkit-gradient(linear, left top, left bottom, from(#343e4f), to(#212c40));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#343e4f,endColorstr=#212c40,GradientType=0); zoom: 1;
background: linear-gradient(top, #343e4f, #212c40);
background-image: -o-linear-gradient(top, #343e4f, #212c40);
background-image: -moz-linear-gradient(top, #343e4f, #212c40);
background-image: -webkit-linear-gradient(top, #343e4f, #212c40);
background-image: -ms-linear-gradient(top, #343e4f, #212c40);
color:#fff;
text-shadow:0 -1px 0 #242c3c;
font-size:24px;
}

.sort {
width:7538px;
padding-left:20px;
padding-right:20px;
margin-bottom:20px;
background:#f7f7f7;
box-shadow:0 2px 3px #d0d3d4;
color:#141d2e;
height:50px;
line-height:50px;
}

#advert {
width:753px;
padding:20px;
margin-bottom:20px;
background:#fff;
box-shadow:0 2px 3px #d0d3d4;
line-height:22px;
}

#advert:hover {
width:753px;
padding:20px;
margin-bottom:20px;
background:#fcfcfc;
box-shadow:0 2px 3px #bec1c2;
line-height:22px;
}

.advinfo {
border-top:1px solid #d0d3d4;
padding-top:10px;
width:700px;
color:#5b6267;
display:table;
}

.e-date {
float:left;
padding-left:30px;
background:url(/images/dateIco.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.e-actual {
float:left;
padding-left:30px;
background:url(/images/actual.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.e-comments {
float:left;
padding-left:30px;
background:url(/images/commentsIco.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.e-author {
float:left;
padding-left:30px;
background:url(/images/authorIco.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.readmore {
height:33px;
line-height:33px;
padding-left:20px;
padding-right:20px;
border-top:1px solid #6ac539;
border-bottom:1px solid #4da31f;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
float:right;
display:block;
}

.readmore:hover {
box-shadow:inset 0px 0px 5px #67b936;
text-shadow:0 -1px 0 #479d17;
}

.advleft {
width:495px;
float:left;
display:table;
}

.xxx img {
border:3px solid #fff;
float:left;
box-shadow:2px 2px 2px #bababa;
margin-right:15px;
margin-bottom:15px;
}

.advlink {
font-size:18px;
display:block;
padding-bottom:10px;
}

.advright {
width:180px;
float:right;
display:table;
text-align:right;
}

.price {
color:#37a80b;
font-size:20px;
display:block;
}

.authinfo {
width:740px;
margin-top:20px;
margin-bottom:20px;
padding-top:20px;
padding-bottom:20px;
display:table;
border-top:1px solid #d0d3d4;
border-bottom:1px solid #d0d3d4;
}

.authright {
width:237px;
float:right;
text-align:right;
padding-left:20px;
}

.authleft {
width:370px;
padding-right:20px;
border-right:1px dashed #d0d3d4;
float:left;
text-align:left;
font-size:15px;
}

.authleft img {
border:3px solid #fff;
float:left;
box-shadow:2px 2px 2px #bababa;
margin-right:20px;
margin-bottom:23px;
border-radius:100px;
}

.inphone {
width:100%;
background:#fff;
border:2px solid #d8dee0;
border-radius:5px;
margin-top:20px;
height:40px;
line-height:40px;
font-weight:bold;
text-align:left;
display:table;
}

.inphone:hover {
border:2px solid #c2cacc;
}

.inphone span {
margin-left:15px;
padding-left:90px;
background:url(/images/phoneIcon.png) left no-repeat;
}

.inprice {
color:#37a80b;
font-size:15px;
display:block;
margin-bottom:3px;
}

.intorg {
color:#878c90;
display:block;
}

.wtitemess {
width:100%;
height:41px;
line-height:41px;
border:1px solid #6ac539;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
font-size:17px;
text-align:center;
display:block;
margin-top:37px;
}

.readmore:hover {
box-shadow:inset 0px 0px 5px #67b936;
text-shadow:0 -1px 0 #479d17;
}

.advleft {
width:468px;
float:left;
display:table;
}

.xxx img {
border:3px solid #fff;
float:left;
box-shadow:2px 2px 2px #bababa;
margin-right:15px;
margin-bottom:15px;
}

.advlink {
font-size:18px;
display:block;
padding-bottom:10px;
}

.advright {
width:180px;
float:right;
display:table;
text-align:right;
}

.price {
color:#37a80b;
font-size:20px;
display:block;
}

.torg {
color:#b2b6b8;
display:block;
}

.rating {
padding-top:20px;
display:block;
float:right;
color:#fff;
}

.hot {
background:url(/images/hot.png) no-repeat;
width:44px;
height:44px;
position:absolute;
z-index:1;
margin-top:-20px;
margin-left:156px;
}

.wtitemess {
width:100%;
height:41px;
line-height:41px;
border:1px solid #6ac539;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
font-size:17px;
text-align:left;
display:block;
margin-top:37px;
}

.wtitemess:hover {
box-shadow:inset 0px 0px 5px #67b936;
text-shadow:0 -1px 0 #479d17;
}

.wtitemess span {
margin-left:12px;
padding-left:34px;
background:url(/images/writeMess.png) left no-repeat;
height:41px;
line-height:41px;
}

.boardmess {
display:table;
margin-bottom:20px;
}

.allcoms {
width:753px;
display:table;
font-size:24px;
margin-top:15px;
margin-bottom:15px;
text-shadow:0 1px 0 #fff;
}

Сейчас так:
скриншот
А нужно так:
Скриншот
Оригинальный css
Код

/* General Style */
a:link {text-decoration:none; color:#5b6267;}
a:active {text-decoration:none; color:#5b6267;}
a:visited {text-decoration:none; color:#5b6267;}
a:hover {text-decoration:underline; color:#141d2e;}

.advinfo a:link {text-decoration:none; color:#fff;}
.advinfo a:active {text-decoration:none; color:#fff;}
.advinfo a:visited {text-decoration:none; color:#fff;}
.advinfo a:hover {text-decoration:none; color:#fff;}

.accsoc a:link {text-decoration:none; color:#fff;}
.accsoc a:active {text-decoration:none; color:#fff;}
.accsoc a:visited {text-decoration:none; color:#fff;}
.accsoc a:hover {text-decoration:none; color:#fff;}

.authright a:link {text-decoration:none; color:#fff;}
.authright a:active {text-decoration:none; color:#fff;}
.authright a:visited {text-decoration:none; color:#fff;}
.authright a:hover {text-decoration:none; color:#fff;}

.profile a:link {text-decoration:none; color:#fff;}
.profile a:active {text-decoration:none; color:#fff;}
.profile a:visited {text-decoration:none; color:#fff;}
.profile a:hover {text-decoration:underline; color:#fff;}

.footcopy a:link {text-decoration:none; color:#fff;}
.footcopy a:active {text-decoration:none; color:#fff;}
.footcopy a:visited {text-decoration:none; color:#fff;}
.footcopy a:hover {text-decoration:underline; color:#fff;}

.advlink a:link {text-decoration:none; color:#141d2e;}
.advlink a:active {text-decoration:none; color:#141d2e;}
.advlink a:visited {text-decoration:none; color:#141d2e;}
.advlink a:hover {text-decoration:underline; color:#141d2e;}

.sort a:link {text-decoration:underline; color:#141d2e;}
.sort a:active {text-decoration:underline; color:#141d2e;}
.sort a:visited {text-decoration:underline; color:#141d2e;}
.sort a:hover {text-decoration:none; color:#141d2e;}

img {border:none;}

td, body {font-family:Trebuchet MS; font-size:14px;color:#5b6267;}
body {background-color:#edf0f1; margin:0;padding:0;}
td img {vertical-align: middle;}
form {padding:0;margin:0;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

hr {color:#C2C2C2;height:1px;}
label {cursor:pointer;cursor:hand}

/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/971/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#5b6267}
.uMenuV li a:active {text-decoration:none; color:#5b6267}
.uMenuV li a:visited {text-decoration:none; color:#5b6267}
.uMenuV li a:hover {text-decoration:underline; color:#48971e}

.uMenuV .uMenuItemA {font-weight:normal;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#141d2e}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#141d2e}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#48971e}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {
width:250px;
height:43px;
line-height:43px;
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#efefef,#e4e4e4);
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#efefef,endColorstr=#e4e4e4,GradientType=0); zoom: 1;
background: linear-gradient(top, #efefef, #e4e4e4);
background-image: -o-linear-gradient(top, #efefef, #e4e4e4);
background-image: -moz-linear-gradient(top, #efefef, #e4e4e4);
background-image: -webkit-linear-gradient(top, #efefef, #e4e4e4);
background-image: -ms-linear-gradient(top, #efefef, #e4e4e4);
box-shadow:inset 0 1px 0 #fff;
color:#5b6267;
text-shadow:0 1px 0 #fff;
padding-left:20px;
}
/* --------- */

/* Module Part Menu */
.catsTable {border-collapse:collapse;}
.catsTd {
width:250px;
height:43px;
line-height:43px;
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#efefef,#e4e4e4);
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#efefef,endColorstr=#e4e4e4,GradientType=0); zoom: 1;
background: linear-gradient(top, #efefef, #e4e4e4);
background-image: -o-linear-gradient(top, #efefef, #e4e4e4);
background-image: -moz-linear-gradient(top, #efefef, #e4e4e4);
background-image: -webkit-linear-gradient(top, #efefef, #e4e4e4);
background-image: -ms-linear-gradient(top, #efefef, #e4e4e4);
box-shadow:inset 0 1px 0 #fff;
color:#5b6267;
text-shadow:0 1px 0 #fff;
padding-left:20px;
}
.catName {}
.catNameActive {font-size:14px;}
.catNumData {
font-size:12px;
color:#5b6267;
font-weight:bold;
margin-right:10px;
float:right;
}
.catDescr {font-size:11px; padding-left:10px;}
a.catName:link {text-decoration:none; color:#5b6267;}
a.catName:visited {text-decoration:none; color:#5b6267;}
a.catName:hover {text-decoration:underline; color:#48971e}
a.catName:active {text-decoration:none; color:#141d2e;}
a.catNameActive:link {text-decoration:none; color:#5b6267;}
a.catNameActive:visited {text-decoration:none; color:#5b6267;}
a.catNameActive:hover {text-decoration:underline; color:#48971e}
a.catNameActive:active {text-decoration:none; color:#5b6267;}
/* ----------------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/*--ubutton-fix--*/
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }

#topline {
width:100%;
height:110px;
background:url(/images/topline.png) repeat-x;
display:table;
margin-bottom:10px;
}

#topcontent {
width:1000px;
height:110px;
display:table;
margin:auto;
}

.logo {
display:block;
padding-left:140px;
padding-right:140px;
background:url(/images/logobg.png) no-repeat;
float:left;
height:110px;
}

.logo span {
padding-top:10px;
font-size:32px;
display:block;
}

.addhead {
background:url(/images/add_head.png) no-repeat;
width:258px;
height:43px;
float:left;
margin-left:30px;
margin-top:15px;
display:block;
opacity:0.7;
float:left;
}

.addhead:hover {
opacity:1;
}

#accsoc {
margin-top:15px;
width:354px;
padding-left:5px;
padding-right:5px;
height:40px;
background:url(/images/acc_soc.png) no-repeat;
float:right;
line-height:40px;
}

.soc {
width:26px;
height:27px;
background:url(/images/soc.png) no-repeat;
text-align:center;
line-height:27px;
float:left;
text-shadow:0 1px 0 #151c29;
margin-left:7px;
margin-top:6px;
text-decoration:none;
color:#fff;
display:block;
font-size:16px;
}

.soc:hover {
background:url(/images/sochover.png) no-repeat;
}

.profile {
width:208px;
text-align:center;
text-transform:uppercase;
float:right;
display:block;
color:#fff;
text-shadow:0 -1px 0 #d9470d;
font-size:14px;
}

#header {
width:100%;
height:333px;
background:url(/images/headbg.png) repeat-x;
display:table;
border-bottom:3px solid #e9eced;
box-shadow:0 3px 3px #c0c3c4;
}

.loginLink {
padding-left:17px;
background:url(/images/loginIcon.png) left no-repeat;
}

.slogan {
display:table;
padding-bottom:15px;
margin-bottom:20px;
background:url(/images/sloganUnderline.png) right bottom no-repeat;
font-size:40px;
color:#fff;
text-shadow:1px 2px 2px #857259;
margin-left:auto;
margin-right:auto;
}

.searchForm {margin:auto; height: 69px;padding-top:12px;width: 910px; padding-right:15px;padding-left:75px;background: url(/images/search.png);}
.schQuery {float: left;}
.schQuery input {height: 55px; line-height: 55px; margin-top:1px; width: 680px !important;background: none !important; border: none !important; font-size: 16px !important; color: #a6a9aa!important;padding: 0 !important;}
.schBtn {float: right;}
.schBtn input {margin: 0 !important;width:198px;height: 57px;margin-top:13px;background: url(/images/searchBut1.png) no-repeat; border: none !important; font-size: 0 !important; color: transparent !important;cursor: pointer;padding: 0 6px;text-indent: -9999px !important;box-shadow: none !important;}
.schBtn input:hover {margin: 0 !important;width:198px;height: 57px;margin-top:13px;background: url(/images/searchBut2.png) no-repeat; border: none !important; font-size: 0 !important; color: transparent !important;cursor: pointer;padding: 0 6px;text-indent: -9999px !important;box-shadow: none !important;}

.searchShadow {
width:1000px;
margin:auto;
display:block;
height:52px;
background:url(/images/searchShadow.png) no-repeat;
}

#maincont {
width:1000px;
margin:auto;
padding-top:30px;
display:table;
}

#sidebar {
width:292px;
float:left;
display:table;
}

#block {
width:272px;
padding:10px;
margin-bottom:20px;
background:#fff;
box-shadow:0 2px 3px #d0d3d4;
}

.btitle {
width:272px;
height:53px;
line-height:53px;
border-top:1px solid #6ac539;
border-bottom:1px solid #4da31f;
border-top-left-radius:3px;
border-top-right-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
font-size:24px;
}

.btitle span {
padding-left:20px;
}

#content {
width:688px;
float:right;
display:table;
}

.modtitle {
width:648px;
padding:20px;
line-height:30px;
border-top:1px solid #141d2f;
border-bottom:1px solid #141d2f;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#343e4f,#212c40);
background: -webkit-gradient(linear, left top, left bottom, from(#343e4f), to(#212c40));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#343e4f,endColorstr=#212c40,GradientType=0); zoom: 1;
background: linear-gradient(top, #343e4f, #212c40);
background-image: -o-linear-gradient(top, #343e4f, #212c40);
background-image: -moz-linear-gradient(top, #343e4f, #212c40);
background-image: -webkit-linear-gradient(top, #343e4f, #212c40);
background-image: -ms-linear-gradient(top, #343e4f, #212c40);
color:#fff;
text-shadow:0 -1px 0 #242c3c;
font-size:24px;
}

.sort {
width:648px;
padding-left:20px;
padding-right:20px;
margin-bottom:20px;
background:#f7f7f7;
box-shadow:0 2px 3px #d0d3d4;
color:#141d2e;
height:50px;
line-height:50px;
}

#advert {
width:648px;
padding:20px;
margin-bottom:20px;
background:#fff;
box-shadow:0 2px 3px #d0d3d4;
line-height:22px;
}

#advert:hover {
width:648px;
padding:20px;
margin-bottom:20px;
background:#fcfcfc;
box-shadow:0 2px 3px #bec1c2;
line-height:22px;
}

.advinfo {
border-top:1px solid #d0d3d4;
padding-top:10px;
width:648px;
color:#5b6267;
display:table;
}

.e-date {
float:left;
padding-left:30px;
background:url(/images/dateIco.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.e-actual {
float:left;
padding-left:30px;
background:url(/images/actual.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.e-comments {
float:left;
padding-left:30px;
background:url(/images/commentsIco.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.e-author {
float:left;
padding-left:30px;
background:url(/images/authorIco.png) left no-repeat;
margin-right:15px;
margin-top:10px;
height:19px;
line-height:19px;
}

.readmore {
height:33px;
line-height:33px;
padding-left:20px;
padding-right:20px;
border-top:1px solid #6ac539;
border-bottom:1px solid #4da31f;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
float:right;
display:block;
}

.readmore:hover {
box-shadow:inset 0px 0px 5px #67b936;
text-shadow:0 -1px 0 #479d17;
}

.advleft {
width:468px;
float:left;
display:table;
}

.xxx img {
border:3px solid #fff;
float:left;
box-shadow:2px 2px 2px #bababa;
margin-right:15px;
margin-bottom:15px;
}

.advlink {
font-size:18px;
display:block;
padding-bottom:10px;
}

.advright {
width:180px;
float:right;
display:table;
text-align:right;
}

.price {
color:#37a80b;
font-size:20px;
display:block;
}

.torg {
color:#b2b6b8;
display:block;
}

.rating {
padding-top:20px;
display:block;
float:right;
color:#fff;
}

.hot {
background:url(/images/hot.png) no-repeat;
width:44px;
height:44px;
position:absolute;
z-index:1;
margin-top:-20px;
margin-left:156px;
}

#footerbg {
margin-top:30px;
width:100%;
display:table;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#333d4e,#131c2d);
background: -webkit-gradient(linear, left top, left bottom, from(#333d4e), to(#131c2d));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#333d4e,endColorstr=#131c2d,GradientType=0); zoom: 1;
background: linear-gradient(top, #333d4e, #131c2d);
background-image: -o-linear-gradient(top, #333d4e, #131c2d);
background-image: -moz-linear-gradient(top, #333d4e, #131c2d);
background-image: -webkit-linear-gradient(top, #333d4e, #131c2d);
background-image: -ms-linear-gradient(top, #333d4e, #131c2d);
}

.fcenter {
width:1000px;
margin:auto;
padding-top:20px;
padding-bottom:20px;
display:table;
}

.fcenter span {
font-size:32px;
display:block;
color:#fff;
text-shadow:0 -1px 0 #202733;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #131c2d;
box-shadow:0 1px 0 #333d4e;
}

.addfoot {
background:url(/images/add_foot.png) no-repeat;
width:290px;
height:43px;
float:left;
display:block;
opacity:0.7;
float:left;
margin-top:3px;
}

.addfoot:hover {
opacity:1;
}

.footcopy {
width:100%;
margin-top:20px;
padding-top:20px;
margin-bottom:20px;
text-align:center;
border-top:1px solid #131c2d;
box-shadow:inset 0 1px 0 #333d4e;
color:#fff;
text-shadow:0 -1px 0 #202733;
}

.footsearchForm {display:table;float:right; height: 45px;width: 660px; padding-top:5px; padding-right:7px;padding-left:20px;background: url(/images/footsearch.png);}
.footschQuery {float: left;}
.footschQuery input {height: 41px; line-height: 41px; width: 511px !important;background: none !important; border: none !important; font-size: 14px !important; color: #a6a9aa!important;padding: 0 !important;}
.footschBtn {float: right;}
.footschBtn input {margin: 0 !important;width:142px;height: 41px;background: url(/images/footsearchBut1.png) no-repeat; border: none !important; font-size: 0 !important; color: transparent !important;cursor: pointer;padding: 0 6px;text-indent: -9999px !important;box-shadow: none !important;}
.footschBtn input:hover {margin: 0 !important;width:142px;height: 41px;background: url(/images/footsearchBut2.png) no-repeat; border: none !important; font-size: 0 !important; color: transparent !important;cursor: pointer;padding: 0 6px;text-indent: -9999px !important;box-shadow: none !important;}

.fss {
background:url(/images/footsearchshadow.png) no-repeat;
width:476px;
height:23px;
position:absolute;
z-index:1;
margin-top:45px;
margin-left:200px;
}

#Go_Top {
width: 34px;
border: 0px solid #cccccc;
text-align: center;
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
}

#inside {
width:648px;
padding:20px;
margin-bottom:20px;
background:#fff;
box-shadow:0 2px 3px #d0d3d4;
line-height:22px;
}

.slider {width:570px; border:3px solid #fff;box-shadow:0px 0px 4px #bababa;height:300px; margin:auto; position:relative;}
.slider > div {display:none;}
a.next, a.prev {z-index:99; padding:0px 5px; display:block;width:39px;height:61px; }
.next {position:absolute; right:-52px; top:45%;background:url(/images/sliderButRight.png) no-repeat;}
.prev {position:absolute; left:-42px; top:45%;background:url(/images/sliderButLeft.png) no-repeat;}
.next:hover {position:absolute; right:-52px; top:45%;background:url(/images/sliderButRightHover.png) no-repeat;}
.prev:hover {position:absolute; left:-42px; top:45%;background:url(/images/sliderButLeftHover.png) no-repeat;}
a.inactive {color:#ccc; background-color:#fff; border:1px solid #eee; outline:none;}
ul.navi {list-style:none; position:absolute; bottom:10px; right:5px;}
ul.navi li {float:left; margin-right:5px;}
ul.navi li a {display:none;}

.authinfo {
width:648px;
margin-top:20px;
margin-bottom:20px;
padding-top:20px;
padding-bottom:20px;
display:table;
border-top:1px solid #d0d3d4;
border-bottom:1px solid #d0d3d4;
}

.authright {
width:237px;
float:right;
text-align:right;
padding-left:20px;
}

.authleft {
width:370px;
padding-right:20px;
border-right:1px dashed #d0d3d4;
float:left;
text-align:left;
font-size:15px;
}

.authleft img {
border:3px solid #fff;
float:left;
box-shadow:2px 2px 2px #bababa;
margin-right:20px;
margin-bottom:23px;
border-radius:100px;
}

.inphone {
width:100%;
background:#fff;
border:2px solid #d8dee0;
border-radius:5px;
margin-top:20px;
height:40px;
line-height:40px;
font-weight:bold;
text-align:left;
display:table;
}

.inphone:hover {
border:2px solid #c2cacc;
}

.inphone span {
margin-left:15px;
padding-left:30px;
background:url(/images/phoneIcon.png) left no-repeat;
}

.inprice {
color:#37a80b;
font-size:25px;
display:block;
margin-bottom:5px;
}

.intorg {
color:#878c90;
display:block;
}

.wtitemess {
width:100%;
height:41px;
line-height:41px;
border:1px solid #6ac539;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
font-size:17px;
text-align:left;
display:block;
margin-top:37px;
}

.wtitemess:hover {
box-shadow:inset 0px 0px 5px #67b936;
text-shadow:0 -1px 0 #479d17;
}

.wtitemess span {
margin-left:12px;
padding-left:58px;
background:url(/images/writeMess.png) left no-repeat;
height:41px;
line-height:41px;
}

.boardmess {
display:table;
margin-bottom:20px;
}

.allcoms {
width:688px;
display:table;
font-size:24px;
margin-top:15px;
margin-bottom:15px;
text-shadow:0 1px 0 #fff;
}

input[type=text], input[type=password], textarea {border: 1px solid #d0d3d4;padding: 7px;border-radius:3px;}
select {border: 1px solid #d0d3d4;padding: 7px;border-radius:3px;}

input[type=button], input[type=reset], input[type=submit] {
padding:7px;
cursor:pointer;
}

.securityCode {background:#fff;box-shadow:inset 0 1px 0 #f2f2f2;}
.commFl {background:#fff;box-shadow:inset 0 1px 0 #f2f2f2;}

#comment {
width:648px;
padding:20px;
margin-bottom:20px;
background:#fff;
box-shadow:0 2px 2px #d0d3d4;
line-height:22px;
text-align:left;
display:table;
}

.commHrs {
width:688px;
height:1px;
background:#cdcfd0;
box-shadow:0 1px 0 #fff;
margin-bottom:20px;
display:block;
}

#comment img {
border:3px solid #fff;
float:left;
box-shadow:2px 2px 2px #bababa;
margin-right:20px;
border-radius:50px;
}

.catPages1 a:link, .pagesBlockuz2 a:link,
.catPages1 a:visited, .pagesBlockuz2 a:visited,
.catPages1 a:hover, .pagesBlockuz2 a:hover,
.catPages1 a:active, .pagesBlockuz2 a:active {text-decoration:none;
padding:5px 10px 5px 10px;
border:1px solid #d0d3d4;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#f9f9f9,#e5e5e5);
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e5e5e5));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f9f9f9,endColorstr=#e5e5e5,GradientType=0); zoom: 1;
background: linear-gradient(top, #f9f9f9, #e5e5e5);
background-image: -o-linear-gradient(top, #f9f9f9, #e5e5e5);
background-image: -moz-linear-gradient(top, #f9f9f9, #e5e5e5);
background-image: -webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
background-image: -ms-linear-gradient(top, #f9f9f9, #e5e5e5);
box-shadow:inset 0 1px 0 #fff;
color:#141d2e;
text-shadow:0 1px 0 #fff;
}
.catPages1 a:hover, .pagesBlockuz2 a:hover {
text-decoration:none;
padding:5px 10px 5px 10px;
border:1px solid #d0d3d4;
border-radius:3px;
background:#e4e5e5;
color:#5b6267;
text-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
}
.catPages1 b, .pagesBlockuz2 b {
text-decoration:none;
padding:5px 10px 5px 10px;
border:1px solid #6ac539;
border-radius:3px;
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
background: -moz-linear-gradient(top,#93de55,#6ac539);
background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
background: linear-gradient(top, #93de55, #6ac539);
background-image: -o-linear-gradient(top, #93de55, #6ac539);
background-image: -moz-linear-gradient(top, #93de55, #6ac539);
background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
background-image: -ms-linear-gradient(top, #93de55, #6ac539);
box-shadow:inset 0 1px 0 #c4eda2;
color:#fff;
text-shadow:0 -1px 0 #6fb03f;
}
Angerfist
Дата: Воскресенье, 05.02.2017, 11:37 | Сообщение # 10
Vip
Сообщений:761
Награды: 21


Norton, по первому вопросу есть два варианта, создать условия (на условных операторах), а именно вариант 1:
(Тут мы ставим условия если нет фото 2 или 3 то слайдер будет отображать первое основное фото и не будет прокручивать слайды, если есть 1 и 2 фото и нет 3, будет проходить проверка и отображаться будут только 2 и 3 фото)
Код

<div id="ds-flexslider" class="metaslider metaslider-flex">
<div id="metaslider_container">
<div id="metaslider" class="flexslider">
<ul class="slides">
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL1$" alt="Бобрик - клуб" />
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<?if($IMG_URL2$)?>
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL2$" alt= "Бобрик - клуб"/>
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<?endif?>
<?if($IMG_URL3$)?>
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL3$" alt= "Бобрик - клуб" />
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<?endif?>
</ul>
</div>
</div>
</div>

И вариант 2:
(Тут создаём условия если нет фото 2 или 3, то в слайдере выводим изображение с надписью что изображение отсутствует)
Код

<div id="ds-flexslider" class="metaslider metaslider-flex">
<div id="metaslider_container">
<div id="metaslider" class="flexslider">
<ul class="slides">
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL1$" alt="Бобрик - клуб" />
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<?if($IMG_URL2$)?>
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL2$" alt= "Бобрик - клуб"/>
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<?else?>
<li style="display: none;">
<img src="http://barrens.ru.mastertest.ru/assets/images/no_img.jpg" alt= "Бобрик - клуб"/>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>    
<?endif?>    
<?if($IMG_URL3$)?>
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL3$" alt= "Бобрик - клуб" />
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<?else?>
<li style="display: none;">
<img src="http://barrens.ru.mastertest.ru/assets/images/no_img.jpg" alt= "Бобрик - клуб" />
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>   
<?endif?>
</ul>
</div>
</div>
</div>

Изображение из 2 варианта (barrens.ru.mastertest.ru/assets/images/no_img.jpg) поменять на своё, взял от балды)


No regrets

Сообщение отредактировал Angerfist - Воскресенье, 05.02.2017, 11:45
Angerfist
Дата: Воскресенье, 05.02.2017, 12:16 | Сообщение # 11
Vip
Сообщений:761
Награды: 21


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

Код

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?>


Вырезаю его и приподнимаю выше, вставляю сразу за оператором $MESSAGE$, (надеюсь я правильно понял вопрос) в результате форма будет сразу за материалом. Куда вы решите вставить уже на месте решите, просто обратите внимание на условные операторы (бывает забывают про закрывающий endif).


No regrets
Norton
Дата: Воскресенье, 05.02.2017, 13:35 | Сообщение # 12
Проверенные
Сообщений:59
Награды: 1


Angerfist
С первым вариантом получилось всё хорошо....большое спасибо...)
А вот со вторым что то я не могу вдуплится, что конкретно вырезать? и куда что прописать....что то я запутался...((

Добавлено (05.02.2017, 13:35)
---------------------------------------------
Я что не вижу у себя не вижу оператора $MESSAGE$ на странице - полного вида материалов с комментариями !

Angerfist
Дата: Воскресенье, 05.02.2017, 14:27 | Сообщение # 13
Vip
Сообщений:761
Награды: 21


Norton, я имел ввиду форму с комментариями перемещаем (вырезаем) выше, оператора $MESSAGE$ нет, значит вместо него стоит слайдер, следовательно форму ставим после кода слайдера.

No regrets
Norton
Дата: Воскресенье, 05.02.2017, 15:12 | Сообщение # 14
Проверенные
Сообщений:59
Награды: 1


Теперь понял...))
Но это мы перемещаем только саму форму комментария.....
а я имел в виду что всё полностью нужно заключить в бокс.....что бы в бокс попал : слайдер,информация пользователя,и форма комментария....другим словом,создать БОКС на светлой подложке и туда поместить весь Материал с комментариями...))
я наверное не так выразился выше постами....вы уж меня извиняйте 09a

Добавлено (05.02.2017, 15:12)
---------------------------------------------
И ещё вопрос, что не получается вывести фильтры на Главную страницу модуся в доске объявлений, или в Категории раздела (Глобальные блоки)....вроде как прописываю оператора $FILTER3_VALUE$....но он не выводиться!....как правильно вывести?

Angerfist
Дата: Понедельник, 06.02.2017, 12:51 | Сообщение # 15
Vip
Сообщений:761
Награды: 21


Norton, фильтры сам никогда не использовал, тупо процитирую чужой совет:

Цитата

1. Выбираете значение фильтра в Доске объявлений.
2. Копируете получившуюся ссылку из адресной строки браузера
3. Переходите в Панель управления - Дизайн - Управление дизайном (шаблоны) - Первый/Второй контейнер
Создаете новый блок и в содержимое блок вставляете ссылку на значение фильтра

Код

<a href="ССЫЛКА">Значение фильтра</a>


No regrets
Форум про uCoz » Создание сайта на uCoz » Вопросы по uCoz » Вопрос по слайдеру доски объявлений (вывод количество фото)
Страница 1 из 212»
Поиск: