Как вывести доп поле на постере в фуллстори

lucky_ace · 23 мар 2016

Кто может подсказать как вывести дополнительное поле на постере в фулстори с качеством фильма?
Хотелось бы сделать такого плана, может кто сталкивался
http://prnt.sc/aiwleh

DLEPlugins · 23 мар 2016

Скачайте любой шаблон где в скриншотах такое есть, посмотри в shortstory и fullstory класс в котором выводится постер. Открой styles.css этого шаблона, найди там этот самый класс. Скопируйте и то и другое в свой шаблон по аналогии в теже самые файлы. Вывод качества бывает сверху, снизу, справа, слева, синим,красным и тд. Так сможешь сам выбрать куда влепить и какого цвета/прозрачности

lucky_ace · 23 мар 2016

DomiTori сказал(а): ↑

Скачайте любой шаблон где в скриншотах такое есть, посмотри в shortstory и fullstory класс в котором выводится постер. Открой styles.css этого шаблона, найди там этот самый класс. Скопируйте и то и другое в свой шаблон по аналогии в теже самые файлы. Вывод качества бывает сверху, снизу, справа, слева, синим,красным и тд. Так сможешь сам выбрать куда влепить и какого цвета/прозрачности
Нажмите, чтобы раскрыть...

спасибо за совет, но чего то не попадался такой шаблон где в фуллстори показывается качество. Везде стоит в основном на главной в шорт стори постерах. Пробовал переделать не получилось и решил посоветоваться на форуме.

DLEPlugins · 23 мар 2016

lucky_ace сказал(а): ↑

спасибо за совет, но чего то не попадался такой шаблон где в фуллстори показывается качество. Везде стоит в основном на главной в шорт стори постерах. Пробовал переделать не получилось и решил посоветоваться на форуме.
Нажмите, чтобы раскрыть...

Зачастую в fullstory и shortstory класс одинаковый. Буду с компьютера, напишу пример

MaHarder · 23 мар 2016

Код:

<div class="оболочка">
<img src="...">
<div class="флажок">ФЛАГ</div>
</div>

.оболочка {
width: xx1px;
height: xx2px;
position: relative;
}
.оболочка img {
width: xx1px;
height: xx2px;
}
.флажок {
width: xx3px;
height: xx4px;
position: absolute;
top: 0;
right: 0;
background: white;
padding:xx5px;
}

xx1-xx5 меняй на своё

lucky_ace · 23 мар 2016

Спасибо большое! вроде все получилось, если не затруднит подскажи пожалуйста как правильно задать стиль для текста внутри, что бы он был черный жирный и в середине флажка? http://prntscr.com/aj0280
Код:
<div class="mc-left">
    <div class="оболочка">
    <div class="m-img"><img src="[xfvalue_poster]" alt="{title}"/></div>
    <div class="флажок">[xfvalue_quality]</div>
</div>

.оболочка {
width: 100%;
height: block;
position: relative;
}
.оболочка img {
width: 100%;
height: block;
}
.флажок {
width: 100px;
height: 15px;
position: absolute;
top: 0;
right: 0;
background: orange;
padding:15px;
}

MaHarder · 23 мар 2016

lucky_ace сказал(а): ↑
Спасибо большое! вроде все получилось, если не затруднит подскажи пожалуйста как правильно задать стиль для текста внутри, что бы он был черный жирный и в середине флажка? http://prntscr.com/aj0280
Код:
<div class="mc-left">
    <div class="оболочка">
    <div class="m-img"><img src="[xfvalue_poster]" alt="{title}"/></div>
    <div class="флажок">[xfvalue_quality]</div>
</div>

.оболочка {
width: 100%;
height: block;
position: relative;
}
.оболочка img {
width: 100%;
height: block;
}
.флажок {
width: 100px;
height: 15px;
position: absolute;
top: 0;
right: 0;
background: orange;
padding:15px;
}
Нажмите, чтобы раскрыть...
color: ... - цвет
font-weight: bold - жирный текст
text-align: center - выравнивание по центру
остальное пр помощи padding: 0px 0px 0px 0px

DLEPlugins · 23 мар 2016

lucky_ace сказал(а): ↑
Спасибо большое! вроде все получилось, если не затруднит подскажи пожалуйста как правильно задать стиль для текста внутри, что бы он был черный жирный и в середине флажка? http://prntscr.com/aj0280
Код:
<div class="mc-left">
    <div class="оболочка">
    <div class="m-img"><img src="[xfvalue_poster]" alt="{title}"/></div>
    <div class="флажок">[xfvalue_quality]</div>
</div>

.оболочка {
width: 100%;
height: block;
position: relative;
}
.оболочка img {
width: 100%;
height: block;
}
.флажок {
width: 100px;
height: 15px;
position: absolute;
top: 0;
right: 0;
background: orange;
padding:15px;
}
Нажмите, чтобы раскрыть...
<div style="color:black;"><center><b>текст</b></center></div>

PunPun · 23 мар 2016

DomiTori сказал(а): ↑

<div style="color:black;"><center><b>текст</b></center></div>
Нажмите, чтобы раскрыть...

Использование этого элемента осуждается спецификацией HTML, вместо него применяйте стили. - https://webref.ru/html/center

ZeroCoolPro.Biz

Как вывести доп поле на постере в фуллстори

lucky_ace Бывалый

DLEPlugins
Кодер

lucky_ace Бывалый

DLEPlugins
Кодер

MaHarder Местный

lucky_ace Бывалый

MaHarder Местный

DLEPlugins
Кодер

PunPun
VIP Кинотрафик v2

Флажок с рейтингом на постере

Как добавить доп поле в description?

Нужен хак для ссылок в доп поле

Speedbar и доп.поле

Хлебные крошки в фуллстори

Быстрый поиск

Как вывести доп поле на постере в фуллстори

lucky_ace Бывалый

DLEPlugins Кодер

lucky_ace Бывалый

DLEPlugins Кодер

MaHarder Местный

lucky_ace Бывалый

MaHarder Местный

DLEPlugins Кодер

PunPun VIP Кинотрафик v2

Флажок с рейтингом на постере

Как добавить доп поле в description?

Нужен хак для ссылок в доп поле

Speedbar и доп.поле

Хлебные крошки в фуллстори

Быстрый поиск

Быстрый поиск

DLEPlugins
Кодер

DLEPlugins
Кодер

DLEPlugins
Кодер

PunPun
VIP Кинотрафик v2