• Страница 1 из 1
  • 1
Новый дизайн форума для uCoz
Pasan не в сети2:10 PM | Сообщение # 1
Админ
Администраторы
Сообщений: 102
Награды: 0
Репутация: 0



Описание:


Шаблоны форумов для системы 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>
Скачать фаил: 976_forum_v_2.rar (21.7 Kb)


профиль сайт
  • Страница 1 из 1
  • 1
Поиск: