» »

Вывести качество фильма Flat-cinema на uCoz


Вывести качество фильма Flat-cinema на uCoz

Выводим на вид материала качество фильма на шаблоне Flat-cinema для uCoz. Как все правильно сделать, вы можете узнать здесь. Многие задают вопросы по шаблону а как сделать качество фильма именно по скрину.
Есть множество вариантов но я поделюсь своим.

Заходим в П/у, каталог файлов, фильтры активируем первый фильтр
Добавляем "Качество":
CAMRip
SATRip
TVRip
HDTVRip
DVDRip
DVD-5
ВНИМАНИЕ: Большая буква должна быть большей , а маленькая маленькой ЭТО ВАЖНО
Что бы сделать в информере стандартное название которого "Популярные фильмы"
Идем в css файл этого шаблона который стандартно находится по адресу http:/ваш_сайт/style/styles.css
И вставляем в самый низ код:

Код
/*cam-rip*/  
.cam-rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.cam-rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#cb1133;}  

/*TV-Rip*/  
.TV-Rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.TV-Rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#0aa2d2;}  

/*HDTV-Rip*/  
.HDTV-Rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.HDTV-Rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#774692;}  

/*DVD-Rip*/  
.DVD-Rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.DVD-Rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#e86711;}  

/*DVD-5*/  
.DVD-5 {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.DVD-5 span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#f6b84a;}  

/*SAT-Rip*/  
.SAT-Rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.SAT-Rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#33b76d;}


Далее идем в информеры, информер №5 "Верхний слайдер"
Заменяем в нем весь код на:

Код
<div class="shortstory-in">  
<div class="shortstory radius-3">  
<div class="short-images radius-3">  
<a href="$ENTRY_URL$" title="$TITLE$" class="short-images-link"><img src="$IMG_URL1$" alt="$TITLE$"/></a>  
<?if($FILTER1$='CAMRip')?><span class="cam-rip"><span>$FILTER1$</span></span><?endif?>  
<?if($FILTER1$='SATRip')?><span class="SAT-Rip"><span>$FILTER1$</span></span><?endif?>  
<?if($FILTER1$='TVRip')?><span class="TV-Rip"><span>$FILTER1$</span></span><?endif?>  
<?if($FILTER1$='HDTVRip')?><span class="HDTV-Rip"><span>$FILTER1$</span></span><?endif?>  
<?if($FILTER1$='DVDRip')?><span class="DVD-Rip"><span>$FILTER1$</span></span><?endif?>  
<?if($FILTER1$='DVD-5')?><span class="DVD-5"><span>$FILTER1$</span></span><?endif?>  
</div>  
<div class="short-content">  
<h4 class="short-link"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></h4>  
</div>  
</div>  
</div>


Что бы в виде материалов сделать отображения качества

Нужно добавить CSS код туда же
А теперь идем в вид материалов каталога файлов и заменяем все на:

Код
<div class="shortstory-in">  
<div class="shortstory radius-3">  
<div class="short-images radius-3">  
<a href="$ENTRY_URL$" title="$TITLE$" class="short-images-link">  
<img src="$IMG_URL1$" alt="$TITLE$"/>  
</a>  
<?if($FILTER1_VALUE$='CAMRip')?><span class="cam-rip"><span>$FILTER1_VALUE$</span></span><?endif?><?if($FILTER1_VALUE$='SATRip')?><span class="SAT-Rip"><span>$FILTER1_VALUE$</span></span><?endif?>  
<?if($FILTER1_VALUE$='TVRip')?><span class="TV-Rip"><span>$FILTER1_VALUE$</span></span><?endif?>  
<?if($FILTER1_VALUE$='HDTVRip')?><span class="HDTV-Rip"><span>$FILTER1_VALUE$</span></span><?endif?>  
<?if($FILTER1_VALUE$='DVDRip')?><span class="DVD-Rip"><span>$FILTER1_VALUE$</span></span><?endif?>  
<?if($FILTER1_VALUE$='DVD-5')?><span class="DVD-5"><span>$FILTER1_VALUE$</span></span><?endif?>  
</div>  
<div class="short-content">  
<h4 class="short-link"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></h4>  
<div class="short-rating">  
<center><?$RSTARS$('17','/dleimages/rating.png','0','float')?></center>  
</div>  
</div>  
</div>  
</div>


Вот и все, не судите строго первый раз добавил материал и сделал что то сам.
13.03.2017 Просмотров: 427 Комментарий: (27)

Поделиться в социальных сетях

Материал разместил

Комментарий: 27
Kosten
Kosten 13.03.2017 19:251
0
Может по этому шаблону тему создать и там его разбирать, а то что детали закидывать?
cTaPuk
cTaPuk 13.03.2017 22:002
0
парни подскажите как именно сделать как на скрине ,что бы качество можно было сделать двух трех
JoniDen
JoniDen 13.03.2017 22:234
0
При создание фильтра, не пытался вот это включить?
cTaPuk
cTaPuk 13.03.2017 22:265
0
да делал и вот что получается посмотри на ленту
JoniDen
JoniDen 13.03.2017 23:136
0
Посмотри ЛС на этом сайте, я тебе скинул свой вариант.
cTaPuk
cTaPuk 13.03.2017 23:417
0
нет не так как ты сделал
JoniDen
JoniDen 13.03.2017 23:478
0
Если ты править CSS не можешь, я тебе не чем помочь не могу.
Kosten
Kosten 14.03.2017 02:219
0
JoniDen, привет, а что не поделиться, может кому то нужно, или этот код нормально можно настроить.
JoniDen
JoniDen 14.03.2017 12:2410
0
Привет держи. Может кто-то и лучше сделает.
Kosten
Kosten 14.03.2017 16:0812
0
JoniDen, пожалуйста, пропиши код и стиль, то просто открываю файл, у меня не корректно показывает, потом его в материал размещу, чтоб скачать.
JoniDen
JoniDen 14.03.2017 16:3415
0
Держи. Также index запускаешь.
cTaPuk
cTaPuk 13.03.2017 22:003
0
так как на скрине на одном фильме или сериале и т.д можно было бы сделать сразу несколько качеств видео и т.д
HTML5
HTML5 14.03.2017 12:5711
0
Я правильно понял, этот скрипт может вывести только один фильтр?
Kosten
Kosten 14.03.2017 16:1013
0
Как видно только один, не вижу смысла чтоб много, но здесь кому как, можно просто качество вывести и по нему все понятно будет.
rekersil
rekersil 14.03.2017 16:1414
0
А кроме FLAT CINEMA на другие пойдет?
avatar
nik96ek98 14.03.2017 16:4116
0
Да подайдет
avatar
nik96ek98 14.03.2017 16:4117
0
Главное правильно установмить
avatar
nik96ek98 14.03.2017 16:4818
0
Могу помочь. в Лс
Brung
Brung 14.03.2017 17:0120
0
Так как и писал, что за некую сумму все выведу правильно.)
Kosten
Kosten 14.03.2017 17:0521
0
И сразу замечание получил, по платным услугам в комментариях не обсуждается, на форуме есть для этого тема.
Kosten
Kosten 14.03.2017 16:5719
0
JoniDen, вот как имел виду, чтоб понятнее было, хотя здесь кому как, возможно файлом кому то удобнее.
Код
<head>
  <link href="Css.css" rel="stylesheet">
</head>
<span class="Cam-Rip"><span>CAMrip</span></span>
<span class="SD-rip"><span>SDrip</span></span>
<span class="DVD-rip"><span>DVDrip</span></span>
<span class="HD-rip"><span>HDrip</span></span>
<span class="FHD-rip"><span>FHDrip</span></span>


CSS:

Код
/*Cam-Rip*/  
.Cam-Rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}  
.Cam-Rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#cb1133;}  

/*SD-rip*/  
.SD-rip {position:absolute; left:3px; top:45px; z-index:4; font-size:0;}  
.SD-rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#0aa2d2;}  

/*DVD-rip*/  
.DVD-rip {position:absolute; left:3px; top:70px; z-index:4; font-size:0;}  
.DVD-rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#774692;}  

/*HD-rip*/  
.HD-rip {position:absolute; left:3px; top:95px; z-index:4; font-size:0;}  
.HD-rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#e86711;}  

/*FHD-rip*/  
.FHD-rip {position:absolute; left:3px; top:120px; z-index:4; font-size:0;}  
.FHD-rip span {padding:3px 6px;color:#fff;display:block;font-size:12px;margin-bottom:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#f6b84a;}  

/*Расстояние между строчками, правиться функцией top в CSS.*/
avatar
nik96ek98 14.03.2017 17:0922
0
Это просто пример
Kosten
Kosten 14.03.2017 17:1224
0
Поделитесь не примером!
avatar
nik96ek98 14.03.2017 18:0327
0
Там все так же только все качества добавлены
JoniDen
JoniDen 14.03.2017 17:1725
0
На днях сделаю полный вариант, если конечно раньше не кто не сделает.
avatar
nik96ek98 14.03.2017 17:1223
0
Блин помог чуть чуть, и плохим остался
Марковичь
Марковичь 14.03.2017 17:1926
+1
А это всегда так, но по крайне мере бывает, кажется помогаешь время тратишь а в концовке остаться виновен, потому люди просто скинут скрипт и там что хотите то и делайте, не когда не напрашиваюсь в ЛС на помощь, не обязан, есть для этого площадке, все действие остаются и здесь без всяких сплетен, что было в личных сообщениях.
avatar