Современный вид панели форума для сайта uCoz
827материалов
228тем на форуме
3003комментария
6151пользователь

Современный вид панели форума для сайта uCoz


Описание скрипта:

Для тех кому нравиться современный дизайн, вам представлены кнопки панели форума. А точнее, те функций, которые прописаны с правой стороны под шапкой. Теперь вместо надписей у нас будут красивые иконки, которые и будут по своей конфигураций, отвечать за ту или иную функцию на этом модуле. Проверено как на светлом так и на темном стиле. Смотрится очень стильно, красиво, современно. Скрипт не займет у Вас много времени на установку и не будет нагружать Ваш сайт.

Установка скрипта:

Заходим в панель управления ➜ управление дизайном ➜ общий вид страниц форума и находим код (если у Вас стандартный шаблон) и меняем:
Код
<table border="0" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td align="right">[<?if($USER_LOGGED_IN$)?>
<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>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> ·
<?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="http://s22.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> ·      
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> ·      
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> ·      
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> ·      
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a><?if($USER_LOGGED_IN$)?> ·      
<a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow"><!--<s6773>-->Подписки<!--</s>--></a><?endif?> ]</td>
</tr>
</table>

На:
Код
<ul class="page-nav-icon">        
         <?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"></i><!--</s>--></a>        
         <span>Личные сообщения</span></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="http://s5.ucoz.net/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-comment"></i><!--</s>--></a><span>Новые сообщения</span></li>        
<li><a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>--><i class="fa fa-users"></i><!--</s>--></a><span>Участники</span></li>        
<li><a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>--><i class="fa fa-file-text"></i><!--</s>--></a><span>Правила форума</span></li>        
<li><a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>--><i class="fa fa-search"></i><!--</s>--></a><span>Поиск</span></li>        
<li><a class="fNavLink" href="$RSS_LINK$" rel="nofollow"><i class="fa fa-rss"></i></a><span>RSS</span><?if($USER_LOGGED_IN$)?>         
<li><a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow"><!--<s6773>--><i class="fa fa-star"></i><!--</s>--></a><span>Подписка</span></li><?endif?>        
         </ul>
Ну а если у Вас нет этого кода, то проста вставляем.

Данный код вставляете в Ваш CSS
Код
.page-nav span {        
        display: inline-block;        
        vertical-align: baseline;        
        padding-left: 15px;        
        color: rgba(255, 255, 255, 0.8);        
        font-size: 10pt;        
        font-weight: 400;        
}        
.page-nav span span {        
        padding-left: 0;        
}        
.page-nav a {        
        color: rgba(255, 255, 255, 0.7);        
}        
.page-nav a:hover span,        
.page-nav a:hover {        
        color: rgba(255, 255, 255, 1);        
        text-decoration: none;        
}        
.page-nav-big h2 {        
        text-align: center;        
        font-size: 22pt;        
        color: #fff;        
        text-transform: none;        
        line-height: 40px;        
        white-space: normal;        
}        
.page-nav-big ul {        
        margin: 0 auto;        
        padding: 0;        
        list-style: none;        
        text-align: center;        
        display: table;        
}        
.page-nav-big ul li {        
        display: block;        
        float: left;        
        margin: 2px;        
        line-height: 40px;        
}        
.page-nav-big ul li button {        
        min-width: 170px;        
        background: rgba(0, 0, 0, 0.3);        
        }        
               
        .page-nav-icon {        
margin:0;        
padding:0;        
list-style:none;        
float:right        
}        

.page-nav-icon li {        
position:relative;        
float:left;        
text-align:center        
}        

.page-nav-icon li span {        
opacity:0;        
visibility:hidden;        
position:absolute;        
right:-40%;        
bottom:-30px;        
margin:-11px 0 0 -55px;        
width:110px;        
padding:0 5px;        
line-height:22px;        
height:22px;        
font-size:7pt;        
color:#fff;        
text-transform:uppercase;        
text-align:center;        
background:#666;        
-webkit-border-radius:4px;        
-moz-border-radius:4px;        
border-radius:4px;        
transition:All .3619s ease;        
-webkit-transition:All .3619s ease;        
-moz-transition:All .3619s ease;        
-o-transition:All .3619s ease        
}        

.page-nav-icon li span:before {        
content:'';        
position:absolute;        
top:-5px;        
right:25%;        
margin-left:-10px;        
width:0;        
height:0;        
border-style:solid;        
border-width:0 5px 5px;        
border-color:transparent transparent #666        
}        

.page-nav-icon li:hover span {        
opacity:1;        
visibility:visible;        
bottom:-18px        
}        

.page-nav-icon li a {        
display:block;        
position:relative;        
padding:0 10px;        
font-size:16pt        
}        

.page-nav-icon li a .num {        
position:absolute;        
color:#333;        
line-height:normal;        
top:15px;        
right:5px;        
font-size:8pt;        
background:#fff;        
padding:0 2px;        
-webkit-border-radius:10px;        
-moz-border-radius:10px;        
border-radius:10px        
}

Теперь подключаем иконочный шрифт между <head> и </head>
Код
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 26.01.2016 в 09:00
Материал просмотрен: 1133 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 17 комментариев

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

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


veknog
veknog @veknog 28.01.2016 21:161
+1
Не че так, но это очень просто и самому сделать
Kosten
Kocsten @Kosten 28.01.2016 22:542
-2
Зачем что то делать, когда уже есть скрипт.
avatar
lbvf bgferyy @hgbyyu7u 29.01.2016 11:074
0
Крутой источник материала?
Помню кто то его просил у меня, хм ну да ладно вы же всегда правы куда мне до вас!
Admin
Роман Домнин @Admin 29.01.2016 11:135
0
Укажите источник, я поставлю
avatar
lbvf bgferyy @hgbyyu7u 29.01.2016 16:006
0
Спасиб это не важно, просто зачем свои сайты пихают когда не их это.
Kosten
Kocsten @Kosten 29.01.2016 19:278
0
Димон, ну уж извини, не я ставил источник, не представляю, как тебя тут обратно не забанили.
Ромчик
Уже забанили. Спасибо за наводку)
Kosten
Kocsten @Kosten 29.01.2016 19:247
0
Не нужно не какого источника! Не заслужил этот человек, ему отдал сайт с уникальным контентом и до 4 тыс уникальных заходов в сутки, тот за 2 месяца, его рекламными баннерами загубил.

Лучше ему сразу деньгами а не источником.)
Ромчик
Окей, оставим твой сайт. Правильно, не надо с такими дело иметь. Помог я ему один раз, он так мне в ответ нагадил, а потом еще меня во всем и обвинил.
Kosten
Kocsten @Kosten 29.01.2016 20:1211
0
Та же ситуация сейчас идет, помог бедолаге, у него дальше не пошло, все виновен теперь во всем стал.
Ромчик
Детский сад получается то) Вспомнилась одна народная мудрость: " Не делай человеку добра и не получишь зла!"
Kosten
Kocsten @Kosten 29.01.2016 20:2113
0
Так, что удивляет, это не какой то там школьник, а тип людей такой. Всегда виноватого ищет, вообще терпеть не могу таких, да маменьких сынков, в армий со своего отряда всех мабуту отправил, пускай в мазуте лазят.
Ромчик
Ну кстати да, он не маленький мальчик, а ведет себя...
Полина
Полина @Полина 29.01.2016 00:153
-2
Скрипт не о чем, за чем вообще такое выкладываете?
avatar
вообще то источник первом делом надо указывать а вам лиж бы от разговора ускользнуть и сразу же в БАН человека вы сами та хоть видите что делаете вы выпрашиваете а потом забываете кто это дал и что надо сделать в прочем ваше дело просто иногда нужно иметь а ещё лучше саблюдать права если вы вообще о них знаете!!!
Ромчик
Укажите первоначальный источник и я поменяю
avatar
источник zornet.ru да ладно прям таки этот мда)
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта