Гостевой вход

Вы не залогинились
14:38

Новый дизайн форума (версия 2.0)

Категория: Форум

Метки: Шаблон форума
Доброго всем времени суток! Сегодня я предлагаю вашему вниманию новый дизайн форума (версия 2.0), шаблон выполнен в светлых тонах.



Установка шаблона на свой сайт

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. В шаблоне "Вид материалов" должен быть такой код:

Код

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td width="23%" class="postTdTop" align="center"><i class="fa fa-user" aria-hidden="true"></i> <a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$,');return false;">$USERNAME$</a></td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><i class="fa fa-thumbs-o-up fa-lg fa-inverse2" aria-hidden="true"></i> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><i class="fa fa-thumbs-o-down fa-lg fa-inverse3" aria-hidden="true"></i></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="postTdInfo" valign="top">
<?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?><?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?>

<?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>
<?if($GROUP_NAME$)?><div class="postUserGroup">Группа: $GROUP_NAME$</div><?endif?>
<?if($POSTS$)?><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div><?endif?>
<?if($AWARDS_READ_URL$)?><div class="reputation">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?> <a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить награду"><b>+</b></span></a><?endif?><?endif?>
<?if($READ_REP_URL$)?><div class="reputation">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><b>$REP_RATING$</b></a> <?if($DO_REP_URL$)?> <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>
<?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?>
<?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</td><td class="posttdMessage" valign="top" style="word-wrap: break-word;">$MESSAGE$
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>
<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <a class="postIpLink" href="https://apps.db.ripe.net/search/query.html?searchtext=$USER_IP$" target="_blank">$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>)<?endif?> ]</div><?else?> <?endif?></td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>


4. Код шаблона для "Вид категории/раздела" следующий:

Код

<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>

Просмотров: 418 | Комментариев: 2 | Рейтинг: 4.7/Оценок: 3

Материалы схожей тематики

    Новый дизайн форума (версия 1.0)

    Довольно долго ничего не выкладывал, и вот решил вас порадовать новым дизайном для форума на платформе uCoz. Приятная для глаз гамма оттенков серого, удобное меню, возможность расширения на весь экран основного блока с форумом за счёт скрытия левого сайдбара с колонкой меню, новый вид материалов и многое другое. Итак, встречаем, новый дизайн форума (версия 1.0)

Онлайн статистика

18.11.2017

Суббота

Онлайн всего: 1
Гостей: 1
Пользователей: 0

На сайте сейчас: