Перейти к публикации

Иконки на фото из shortstory.tpl


Рекомендованные сообщения

Здравствуйте, сайту уже много лет, но поменял шаблон и хотел добавить иконки на фото из shortstory.tpl, то есть в кратких новостях вот такого типа,

 

5780d9cfb2734074b1703beb0213ebf0.png

 

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

 

Спасибо кто ответит.

Ссылка на сообщение
Поделиться на других сайтах

Как добавили то их?
Если через CSS, то и на старых должно показываться.
Слишком мало подробностей и нет никаких технических данных.

Ссылка на сообщение
Поделиться на других сайтах
10 часов назад, SKYNET74 сказал:

Как добавили то их?
Если через CSS, то и на старых должно показываться.
Слишком мало подробностей и нет никаких технических данных.

Создал еще шаблон short4-item.tpl с кодом

 

<a class="short4-item" href="{full-link}">
	<div class="short4-img img-box">
		<img src="{image-1}" alt="{title}" />
		<i class="fa fa-play"></i>
	</div>
	<div class="short4-title">
		{title}
	</div>
	<div class="short4-date"><span>{date=d}</span> {date=F Y}</div>
</a>

 

Добавил в запись где будет выводиться иконка

 

<div class="side-item">
						<div class="side-title">Новое Видео</div>
						<div class="side-content">
							{custom category="5" template="short4-item" aviable="global" from="0" limit="4" cache="no"}
						</div>
					</div>

 

А вот собственно и css

 

/* CUSTOM VIDEO
----------------------------------------------- */
.short4-item {display:block; margin-bottom:15px;}
.short4-img {height:140px; overflow:hidden;}
.short4-title {margin-top:5px; color:#444; font-size:13px;}
.short4-item:hover .short4-title {text-decoration:underline;}
.short4-date {margin-top:5px; color:#5c5c5c; font-size:12px;}
.short4-date span {color:#f0261c; margin-right:5px;}
.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0; bottom:0;}
.fa-play::before {
    content: "";
}
.short4-img i {
    background-color: #f0261c;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    padding: 8px 10px;
    position: absolute;
}

 

Изменено пользователем Michel700
Ссылка на сообщение
Поделиться на других сайтах

Что то у вас не вяжется совсем, не может оно просто так не выводится.

Изменено пользователем SKYNET74
Ссылка на сообщение
Поделиться на других сайтах

вот так попробуйте поменять

.short4-item {display:block; margin-bottom:15px;position:relative}
.short4-img {height:140px; position:relative}

.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0px; bottom:0px;}

и проверьте на всякий случай z-index через консоль
 

Ссылка на сообщение
Поделиться на других сайтах
В 12.12.2016 в 03:28, alex32 сказал:

вот так попробуйте поменять


.short4-item {display:block; margin-bottom:15px;position:relative}
.short4-img {height:140px; position:relative}

.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0px; bottom:0px;}

и проверьте на всякий случай z-index через консоль
 

Спасибо, попробую.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...