Вид в Short-Story для кино сайтов


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

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;
}
Настройка скриптов

Комментарии
Комментариев пока нет..
Ты можешь быть первым, кто оставит комментарий к публикации!


Вы не зарегистрированы

Вид в Short-Story для кино сайтов


Автор публикации
Дата публикации
19-01-2022, 16:21
Просмотров
161
Комментариев
0

Внимание! Данный материал предоставлен сайтом VipAdmin.Club исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое
Магазин
Смотрите также
Вид в Short-Story для кино сайтов
19-01-2022, 16:21
161

Вид в Short-Story для кино сайтов

Информация
Версия
v1.405
Версия CMS
v15.0
Тематика
Новости, Блог, Каталог
Фреймворк
Bootstrap v5

Описание


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

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;
}
[xfgiven_images]
Изображения
[/xfgiven_images]
Автор публикации
wad
Комментарии и отзывы
  • Пустота..
    Людям пока лень писать тут отзывы и комментарии..


  • Вы не зарегистрированы

Последние комментарии
Установка Matrix сервера с помощью playbook 2021
Гость Sergey
Вчера, 16:51
А еще поможет команда make roles в каталоге matrix-docker-ansible-deploy, но после нее надо будет
Модуль Login by mobile phone number v17.0.45. Register by OTP SMS.
Гость Павел
Вчера, 01:55
Установил модуль. Все настроил. Смс не отправляются. Ошибок никаких не показывает
Articles Anywhere PRO v11.1.3 - размещение статей в любом месте Joomla
Гость Денис
23 марта 2023 16:48
Почему то вешает страницу Joomla, протестировал просто. Стоит код Regular Labs - Articles
Установка Matrix сервера с помощью playbook 2021
Гость Sergey
23 марта 2023 14:02
Где-то есть кривой файл role.yml. На до бы ansible-playbook снести и поставить
Панель Frage-Host
Гость Егор
23 марта 2023 11:05
Панелька красивая Панелька очень красивая
Установка Matrix сервера с помощью playbook 2021
Гость Sergey
22 марта 2023 21:53
где то у вас файлик есть role.yml и он подпорчен. Снесите полностью и установите заново
sh404SEF v4.24.1.4308 - управление ссылками, SEO оптимизация Joomla
iGatto
22 марта 2023 20:15
Вот бы 4SEF 😉
Шаблон шапки и аватарки для ваших каналов
ТЕЙПИК
22 марта 2023 19:08
Сделайте аву пожалуйста
Скрипт финансовой сборки под займы
FinPortal
19 марта 2023 01:19
Вышло обновление v1.1.0 Backend: - Добавлен раздел настроек сайта. - На главной странице можно
Forum password 1.3 - пароли для форумов и тем XenForo 2
Гость Дмитрий
18 марта 2023 16:30
Что нужно здесь вводить? Forum ID Forum ID which requires a password. Separate each Forum ID with a
UltraStore - универсальный шаблон для интернет магазина
Enoot
18 марта 2023 13:01
Вставляйте любые символы вместо ключа
UltraStore - универсальный шаблон для интернет магазина
евген
18 марта 2023 12:03
после установки просил Лицензионный ключ
Скрипт финансовой сборки под займы
FinPortal
13 марта 2023 21:23
Действительно, в дампе не хватало таблиц. Перезалил все файлы, теперь работать будет как нужно.
Скрипт финансовой сборки под займы
FinPortal
13 марта 2023 20:31
А что именно не работает? Вы инструкцию по установке читали? Скрипт полностью бесплатный. Автор
Скрипт финансовой сборки под займы
FinPortal
13 марта 2023 12:41
Скрипт мой, поддержку по нему оказываю только я. Вот список партнерок которые проверены временем и