• Автор:

    adminfilm
  • Добавлено:

    мар 11, 2014
  • Комментариев:

    4
  • Просмотров:

    2 945

Хак Вид для кино сайтов

Хак Вид для кино сайтов

Вид для кино сайтов(вид не я придумал а взял отсюда Flesha кстати классный дизайн)

HTML:

<div class="film">
<a href="{full-link}"><img src="{image-1}" class="posterf" alt=""></a>
<div class="titlef"><a href="{full-link}" class="titlev">{title}</a></div>
<div class="film-block">Дублированный</div>
<div class="quality">HDRip</div>
</div>


CSS:

.film {
position:relative;
background-color:#e0e8ea;
min-height:350px;
width:230px;
border-radius:2px;
float: left;
margin: 10px 5px;
padding: 10px 0;
position: relative;
overflow: hidden;
}
.posterf{
border-radius:3px;
width:210px;
height:300px;
margin-top:6px;
margin-left:10px;
}
.titlef{
background:#fff;
width:200px;
margin-left:10px;
border-radius:2px;
box-shadow: 0 0 5px #c5c5c5;
padding: 5px;
text-align: center;
}
.titlev{
text-decoration: none;
color:#010;
text-align:left;
text-align: right;
}
.quality{
position:absolute;
top:20px;
right:16px;
background-color:#00BACA;
padding:5px;
border-radius:3px;
color:#fff;
}
.film-block{
position:absolute;
bottom:80px;
color:#fff;
right:35px;
width:150px;
background:url(opi.png);
padding:5px;
border-radius:3px;
text-align:center;
font-size:16px;
font-family:Arial;
}


Все версии DLE. dle
Вернуться

Комментарии:


  1. Gameer → 13 марта 2014 15:27
    Вид совсем не такой. Тут как то sick
  2. twiller → 28 августа 2014 04:47
    В каком месте он не такой? Все 1в1.
  3. ssssss → 28 июня 2015 23:45
    Хоть бы написал, что за вид wall
    А то фиг поймешь, что за вид, или вид чего hz (пока сам код не посмотришь)
    Надо подписать! "тип озвучки" и "качество видео" или сноска, выноска, хелпер, блок подсказка, ............ и еще ХЗ сколько названий для этого smile
  4. DarkShin → 13 мая 2017 13:35
    Спасибо за труд ) Красиво
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.