Akimu
Web Designer
- Сообщения
- 175
- Реакции
- 29
Автоматическое формирование добавленных вами в базу радиостанций на отдельной страницы
Заходим в админпанель/Главное меню и добавляем новую страницу с названием "Радиостанции" и url "/page/radiolist".
В templates/Ваш шаблон/pages/ создаем radiolist.tpl с содержимым:
Доступно использование:
$radio.rid - ID радиостанции
$radio.name - название радиостанции
$radio.poster - постер радиостанции
$radio.url - url радиостанции (/europa-plus к примеру)
$radio.text - описание радиостанции
В файл с вашим css добавляем (правим под себя):
Далее скачиваем и заливаем файл с архива.
Заходим в админпанель/Главное меню и добавляем новую страницу с названием "Радиостанции" и url "/page/radiolist".
В templates/Ваш шаблон/pages/ создаем radiolist.tpl с содержимым:
Код:
{include
file="header.tpl"
page_meta_title='Радиостанции слушать онлайн'
page_meta_description='Список популярных радиостанций.'
page_meta_keywords=''
}
<div class="radiolist">
{getRadiolist}
{foreach $radiolist as $radio}
<a href="/pages/{$radio.url}/" class="pajax-link radiolist__item" >
<img src="{$radio.poster}" alt="{$radio.name} слушать онлайн">
<h3 class="radiolist__title">{$radio.name}</h3>
</a>
{/foreach}
</div>
{include file="footer.tpl"}
$radio.rid - ID радиостанции
$radio.name - название радиостанции
$radio.poster - постер радиостанции
$radio.url - url радиостанции (/europa-plus к примеру)
$radio.text - описание радиостанции
В файл с вашим css добавляем (правим под себя):
Код:
.radiolist{display: block;position: relative;padding: 20px 0;}
.radiolist__item{width: 49%;position: relative;float: left;margin-right: 1%;}
.radiolist__item:nth-child(2n) {margin-right: 0;}
.radiolist__item img{max-width: 100%;min-height: 280px;}
Вложения
-
1.7 KB Просмотры: 52