регистрация
856материалов
3297комментариев
235тем на форуме
6899пользователей

Новый дизайн форума для uCoz


Описание:

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


Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 15.02.2017 в 19:00
Материал просмотрен: 1129 раз
Категория материала: Шаблоны для uCoz
К материалу оставлено: 13 комментариев

Пожаловаться
Сказать спасибо
Источник

13 комментариев


monarch
Jacob Sharovarov @monarch 15.02.2017 19:421
-1
и чо за юмор
мне как регица там не надо
ваще это ДЕМО просмотр
клинит чтоль?
Ромчик
Для просмотра демонстрации нужна регистрация
monarch
Jacob Sharovarov @monarch 16.02.2017 11:293
-2
кто это придумал? чтобы для просмотра ДЕМКИ форума регистрация нужна.
полный чушь
Ромчик
Обратитесь к администратору данного форума, попросите его что бы он открыл доступ к форуму для гостей
PS-Studio
Добрый день!
Исправлено
monarch
Jacob Sharovarov @monarch 23.02.2017 20:126
+1
Спасибо!
Вот теперь видно что и как.
Вот посмотрел в деле и потом уже поставил.
То что надо, нормальный шаблон.
Удачи!
qtqxmk225
Vasily DD @qtqxmk225 09.03.2017 14:447
0
Почему то если я редактирую например нижнюю часть сайта, форум слетает. Становится цвета как у сайта и сам шаблон меняется.
PS-Studio
Вынесите все стили в отдельный файл и пропишите путь к нему, тогда всё редактирование будете делать внутри этого CSS-файла и слетать ничего не будет
Kino-on
Евгений @Kino-on 23.03.2017 11:108
0
Спасибо за форум)
PS-Studio
На здоровье ;-)
Как скачать установочный архив?..я-новичок в этом деле
1 2 »
avatar
Партнерская программа uKitCPA
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 4
Гостей: 4
Пользователей: 0