Сегодня хочу ещё порадовать вас одним скриптом и опять получается он относится к разделу форума, только в этот раз я вам предлагаю воспользоватся информером для форума который будет выводить последние сообщения с вашего форума.
Установка проста и будет всего в три этапа и не составит особого вам особого труда.
Для того что бы установить этот информер себе на сайт вам нужно скопировать ниже указанный код и вставить в то место на сайте где вам нужно выводить последнюю информацию с вашего форума.
Код <table class="gTable" cellspacing="1" cellpadding="3" width="100%"> <tbody> <tr> <td class="gTableTop" colspan="3" style="padding: 15px 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 15px; background-color: #56A0CC; color: rgba(255,255,255,0.9); display: block; padding: 15px 30px!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 -1px 1px rgba(0,0,0,0.05); text-decoration: none; font-size: 12pt; text-transform: uppercase; font-family: "Open Sans",sans-serif;">Новые сообщения форума</td></tr> <tr> <tr> <td class="gTableBody1" style="PADDInG-RIGHT: 5px!important; PADDING-LEFT: 5px!important; PADDING-BOTTOM: 5px!important; PADDING-TOP: 5px!important"><div class="scrollforum">$MYINF_X$</div></td> </tr></tbody></table>
В коде находим вот этот код
и его меняем на код нужного вам информера.
Далее создаём информер с такими параметрами.
[ Форум · Материалы · Последние обновленные темы · Материалы: 20 · Колонки: 1 ]
после как создали информер вам нужно нажать на [Шаблон информера] и всё что там есть удалить а вставить ниже указанный код
Код <table width="100%" cellpadding="0" cellspacing="0"><tbody><tr> <td align="left"><i class="fa fa-comments" style="color: rgb(86, 160, 204); font-size: 17px;padding-right: 3px;"></i> <span style="font-size:8pt">$DATE$</span> » <a class="gTab" href="$LAST_POST_URL$"><b>$THREAD_TITLE$</b></a> <span style="font-size:7pt">$FORUM$</span></td> <td align="right"><span style="padding-right: 5px;">$POST_USER$</span></td> </tr></tbody></table> <hr>
Ну всё мы установили и сделаем последний штрих через css стили вашего сайта, точнее сказать поставим прокрутку информеру и для этого скопируйте не большой стиль чуть ниже и вставьте в стили вашего сайта в самый низ и сохраните.
Код .scrollforum { height: 180px; overflow: auto; width: auto; }
Вот и всё удачи вам и вашему сайту!
|