Описание:
Шаблоны форумов для системы uCoz у нас редкость, но мы постараемся исправить этот момент. Сегодня я хочу поделится с Вами шикарным шаблоном форума для сайтов созданный в системе uCoz от web-студии ps-studio.info! Шаблон выполнен в сине-голубых тонах, с красивым шрифтом. Данный вид форума подойдет под любую тематику, хоть для игравого сайта, хоть для школьного портала. На данный момент у шаблона есть один минус, форум, конечно, не адаптивный под разные размеры экрана.
Установка шаблона на свой сайт:
1. Скачайте установочный архив, распакуйте его, внутри архива вы увидите три папки, которые нужно залить с вой файловый менеджер.
2. Зайдите в шаблон "Общий вид страниц форума" и замените в нём весь код на следующий:
Код
<html>
<head>
<meta charset="utf-8">
<title>$MODULE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/forum.css">
<link rel="stylesheet" href="/css/xcode.css">
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
$ADMIN_BAR$
<div id="forumContainer">
<div class="hpanel">
<div class="panel-body">
<div id="hbreadcrumb" class="pull-right">
<ol class="hbreadcrumb breadcrumb">
<li><a class="fNavLink" href="$HOME_PAGE_LINK$" rel="nofollow"><i class="fa fa-university" aria-hidden="true"></i> Главная сайта</a></li>
<?if($USER_LOGGED_IN$)?>
<li><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>--><i class="fa fa-envelope" aria-hidden="true"></i> ЛС <!--</s>-- <img src="/.s/sm/1/angry.gif" border="0" align="absmiddle" alt="angry" /> $UNREAD_PM$)</a></li>
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="/.s/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<li><a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>--><i class="fa fa-comments-o" aria-hidden="true"></i> Новые ответы<!--</s>--></a></li>
<li><a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>--><i class="fa fa-child" aria-hidden="true"></i> Участники<!--</s>--></a></li>
<li><a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>--><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Правила<!--</s>--></a></li>
<li><a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>--><i class="fa fa-search" aria-hidden="true"></i> Поиск<!--</s>--></a></li>
<li><a class="fNavLink" href="$RSS_LINK$" rel="nofollow"><i class="fa fa-rss" aria-hidden="true"></i> RSS</a></li><?if($USER_LOGGED_IN$)?>
<li><a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow"><!--<s6773>--><i class="fa fa-bookmark-o" aria-hidden="true"></i> Подписки<!--</s>--></a></li><?endif?>
<?if($USER_LOGGED_IN$)?><li><a class="fNavLink" href="$LOGOUT_LINK$" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i> Выход</a></li><?else?>
<li><a class="fNavLink" href="$LOGIN_LINK$" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i> Вход</a></li><?endif?>
</ol>
</div>
<h2 class="font-light">
<i class="fa fa-users" aria-hidden="true"></i> Форум
</h2>
<small>Описание форума</small>
</div>
</div>
$BODY$
<div class="hpanel">
<div class="panel-body">
<div id="hbreadcrumb" class="pull-right">
<ol class="hbreadcrumb breadcrumb">
<li><a href="##" id="toTop"><i class="fa fa-arrow-up" aria-hidden="true"></i> Вверх</a></li>
</ol>
</div>
<h2 class="font-light">
<i class="fa fa-magnet" aria-hidden="true"></i> $POWERED_BY$
</h2>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.bbCodeBlock').each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>
<script type="text/javascript">
(function() {
function checkQS(obj, callback) {
if (obj)
callback(obj);
return;
}
if ('$PAGE_ID$' == 'threadpage' || '$PAGE_ID$' == 'forum') {
checkQS(document.querySelector('a[href$="-0-0-1-1"]'), function(obj) {
obj.classList.add('postbtn1');
obj.innerHTML = '<span></span> Новая тема';
});
checkQS(document.querySelector('a[href$="-0-0-1-2"]'), function(obj) {
obj.classList.add('postbtn2');
obj.innerHTML = '<span></span> Новый опрос';
});
if ('$PAGE_ID$' == 'threadpage') {
checkQS(document.querySelector('a[href="#post"]'), function(obj) {
obj.classList.add('postbtn3');
obj.innerHTML = '<span></span> Ответить';
});
checkQS(document.querySelector('img[src*="t_closed"]'), function(obj) {
var e = document.createElement('span');
e.classList.add('postbtn4');
e.innerHTML = '<span></span> Закрыто';
obj.parentNode.insertBefore(e, obj);
obj.remove();
});
}
checkQS(document.getElementById('frmButns83').querySelectorAll('a[onclick*="_uWnd"]'), function(objs) {
for (var i = objs.length; i-- > 0 <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" />
objs[i].remove();
});
}
})();
</script>
</body>
</html>
3. В шаблоне "Вид материалов" должен быть такой код:
Код
<tr>
<td class="forumIcoTd" align="center">
<?if($NEW_MESSAGES$)?><i class="fa fa-comments fa-lg fa-inverse" aria-hidden="true"></i><?else?><i class="fa fa-comments fa-lg" aria-hidden="true"></i><?endif?>
</td>
<td class="forumNameTd">
<a class="forum" href="$FORUM_URL$">$FORUM_TITLE$</a>
<?if($ARCHIVE$)?><span class="forumArchive">[Архив]</span><?endif?>
<?if($VIEWERS$)?><span class="forumViewed" <img src="/.s/sm/1/angry.gif" border="0" align="absmiddle" alt="angry" /> просматривают: $VIEWERS$)</span><?endif?>
<div class="forumDescr">$FORUM_DESCRIPTION$</div>
<?if($SUBFORUMS$)?><div class="subforumDescr">Подфорумы: $SUBFORUMS$</div><?endif?>
<?if($FORUM_MODERS$)?><div class="forumModer">Модератор форума: $FORUM_MODERS$</div><?endif?>
</td>
<td class="forumThreadTd" align="center">$FORUM_THREADS$</td>
<td class="forumPostTd" align="center">$FORUM_POSTS$</td>
<td class="forumLastPostTd">
<?if($FORUM_THREADS$)?>
<script type="text/javascript">document.write('<a title="К последнему сообщению" class="forumLastPostLink" hr'+'ef="$LAST_POST_LINK$">$LAST_POST_DATE$</a>')</script>
<script type="text/javascript">document.write('<a hr'+'ef="$FIRST_POST_LINK$"> <i class="fa fa-comments" aria-hidden="true"></i></a>')</script>
<br>Тема: <a class="forumLastPostLink" href="$LAST_POST_THREAD_LINK$">$LAST_POST_THREAD_NAME$</a>
<br>Сообщение от: <span class="<?if($GUEST_MSG$)?>lastPostGuest<?else?>lastPostUser<?endif?>"><?if($LAST_POST_AUTHOR_PROFILE$)?>$LAST_POST_AUTHOR_PROFILE$<?else?>$LAST_POST_AUTHOR$<?endif?></span>
<?else?><i class="fa fa-times-circle" aria-hidden="true"></i> Нет сообщений<?endif?>
</td>
</tr>
5. Код шаблона для "Вид темы/опроса" следующий:
Код
<td class="threadIcoTd" align="center" width="4%">
<img alt="" style="margin:0;padding:0;vertical-align:middle;border:0;max-width:60px;max-height:60px;" src="$THREAD_ICON$" title="$THREAD_STATE$" />
</td>
<td class="threadIcoTd" align="center" width="4%">
<img alt="" style="margin:0;padding:0;vertical-align:middle;border:0;max-width:60px;max-height:60px;" src="$THREAD_TYPE_ICON$" title="$THREAD_TYPE_STATE$" />
</td>
<td class="threadNametd">
<a class="<?if($IS_PINNED$)?>threadPinnedLink<?else?>threadLink<?endif?>" href="$THREAD_URL$">$THREAD_TITLE$</a>
<?if($PAGE_SWITHCES$)?> <span class="postpSwithces">[$PAGE_SWITHCES$]</span><?endif?>
<?if($EDIT_BUTTON$)?>$EDIT_BUTTON$<?endif?>
<?if($DELETE_BUTTON$)?>$DELETE_BUTTON$<?endif?>
<?if($THREAD_DESCRIPTION$)?><div class="threadDescr">$THREAD_DESCRIPTION$</div><?endif?>
<?if($FORUM_TITLE$)?><div class="threadFrmBlock">[<span class="threadFrmName" style="padding:0 1px;"><a href="$FORUM_URL$" class="threadFrmLink">$FORUM_TITLE$</a></span>]</div><?endif?>
</td>
<?if($SUBSCRIBE$)?><td class="threadNametd">$SUBSCRIBE$</td><?endif?>
<td class="threadPostTd" align="center">$THREAD_POSTS$</td>
<?if($SHOW_VIEWS$)?><td class="threadViewTd" align="center">$THREAD_VIEWS$</td><?endif?>
<td class="threadAuthTd" align="center">$THREAD_AUTHOR$</td>
<td class="threadLastPostTd">
<script type="text/javascript">document.write('<a title="К последнему сообщению" class="forumLastPostLink" hr'+'ef="$LAST_POST_LINK$">$LAST_POST_DATE$</a>')</script>
<script type="text/javascript">document.write('<a hr'+'ef="$FIRST_POST_LINK$"><img alt="" style="margin:0;padding:0;vertical-align:middle;border:0;max-width:60px;max-height:60px;" title="К первому непрочитанному сообщению" src="$FIRST_POST_ICON$" /></a>')</script>
<br>Сообщение от: <span class="<?if($GUEST_MSG$)?>lastPostGuest<?else?>lastPostUser<?endif?>"><?if($LAST_POST_AUTHOR_PROFILE$)?>$LAST_POST_AUTHOR_PROFILE$<?else?>$LAST_POST_AUTHOR$<?endif?></span>
</td>