Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Стол заказов » Сверстать таблицу в fullstory.tpl

Сверстать таблицу в fullstory.tpl


 king    10.06.2020    Стол заказов    805    8 комментариев

Необходимо сверстать таблицу для полной новости, состоящей из 5 столбцов и 3 строк.
Данные в таблице будут заполняться из дополнительных полей.
Лучше один раз увидеть (пример):
Сверстать таблицу в fullstory.tpl


Важно, чтобы в таблице работал счетчик скачиваний файлов attachment!

8 комментариев

wolfnex
Юзер

wolfnex - 10 июня 2020 20:57 -


king
Юзер

king - 10 июня 2020 21:39 -

Прочтите последнюю строчку в задании!)

wolfnex
Юзер

wolfnex - 11 июня 2020 17:43 -

полностью рабочий могу сделать за копейку

леший
Гости

леший - 11 июня 2020 01:51 -

Цитата: king
Данные в таблице будут заполняться из дополнительных полей.

Количество, тип и названия доп.полей в студию.

wolfnex
Юзер

wolfnex - 11 июня 2020 18:25 -

fullstory.tpl
<div class="bl__torrent-table">
				<div class="bl__torrent-row">
					<div class="bl__torrent-quality">[xfvalue_torrent-quality]</div>
					<div class="bl__torrent-voice">[xfvalue_torrent-voice]</div>
					[xfvalue_dwn-1]
				</div>
			</div>


attachment.tpl
[allow-download]
<div class="bl__torrent-size">{size}</div>
<div class="bl__torrent-count">{count}</div>
<div class="bl__torrent-link"><a href="{link}"><img src="{THEME}/images/t.png" alt="Скачать" class="torrent-img"></a></div>
[/allow-download]
[not-allow-download]У вас нет доступа к скачиванию файлов с нашего сервера[/not-allow-download]


style.css
.bl__torrent-table {
	font-size: 13px;
	border: 1px solid #ccc;
}
.bl__torrent-row {
	display: flex;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	align-items: center;
}
.bl__torrent-row:last-child {
	border-bottom: none;
}
.bl__torrent-quality {
	flex: 0 1 17%;
	text-transform: uppercase;
	font-weight: bold;
}
.bl__torrent-voice {flex: 0 1 55%;}
.bl__torrent-size {flex: 0 1 8%;}
.bl__torrent-count {flex: 0 1 6%; text-align: center;}
.bl__torrent-link {flex: 0 1 15%;}
.torrent-img {
	width: 100%;
	height: 100%;
}

king
Юзер

king - 12 июня 2020 11:37 -

Вопрос решен! Спасибо wolfnex!

hakypuhbiu
Юзер

hakypuhbiu - 13 июня 2020 11:52 -

Легкий вопрос))

Чтобы комментировать - войдите или зарегистрируйтесь на сайте
наверх