Добро пожаловать на Trinixy.org

Чтобы воспользоваться всеми возможностями, вам нужно зарегистрироваться или войти.
  • Хочешь проходить курсы и зарабатывать на этом?

    Уникальное предложение для заработка организаторам!

    Вступай в совместное прохождение курсов, и получай их практически даром!

    Узнать подробнее
  • Открыт набор редакторов!

    получи безграничный доступ к нашим файлам, скриптам и инфокурсам БЕСПЛАТНО!!!

     

    Подробнее

Вид в Short-Story для кинопорталов

Trinixy

Команда форума
Администратор
Регистрация
21.05.14
Сообщения
2.826
Реакции
1.419
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;
}
 

Правообладателям

Все материалы размещенные на нашем ресурсе, принадлежат их авторам. Все материалы представлены здесь, только для ознакомления.

  • ДИСКЛЕЙМЕР
  • Яндекс.Метрика
  • О НАС

    На нашем форуме Вы можете скачать самые свежие и популярные скрипты, модули, стили, шаблоны, плагины, СЕО-скрипты, СЕО-софт, курсы по созданию и раскрутке сайтов, курсы по бизнесу, курсы, книги, тренинги и вебинары, по самым разным направлениям бесплатно!

    Сверху Снизу