Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивая лента форума ucoz
Красивая лента форума ucoz
Kosten
Дата: Воскресенье, 23.06.2013, 23:39 | Сообщение # 1
Администраторы
Сообщений:12658
Награды: 38




По своему дизайну лента на форум выполнена великолепно. Она полностью рабочая и без ошибок в коде, когда вам приходит личное сообщение то ЛС начинает мигать красным цветом и показывать сколько писем вам пришло. При наведение курсора лента как будто прогибается и это красиво смотрится, думаю пользователям и гостям сайта она понравится. И установка ее не сложная.
Установка ленты форума:
Что первым делом надо убрать старую которая стоит у вас на форуме.
Идем в свою на сайте Админ панель - Раздел Форум и находим Общий вид страниц форума и там убираем старый код и прописываем наш новый.
Код
<div class="fNav">
<a class="fNavLink npm" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a>
<?if($USER_LOGGED_IN$)?>
<a href="javascript://" rel="nofollow" id="upml" class="fNavLink pm" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->ЛС<!--</s>--><?if($UNREAD_PM$)?>($UNREAD_PM$)<?endif?></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://s40.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink usr" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a>
<a class="fNavLink src" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a>
<a class="fNavLink rss" href="$RSS_LINK$" rel="nofollow">RSS</a>   
<a class="fNavLink rul" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a>
</div>

Но это еще не все. После этого идем в CSS и надо поставить стиль на ленту. Можно в самый низ.
Код
.fNav {background:url(http://zornet.ru/zorner_ru_1/fNav_bg2.png) no-repeat; height:33px; line-height:33px; width:514px; margin:0 0 0 24px; display:block; overflow:hidden;}
.fNav a.fNavLink {height:33px; display:block; float:left; color:#fff; text-shadow:0 1px 0 #101010; text-align:center; text-decoration:none;}
.fNav a.fNavLink:hover {background:url(/designs_68/fNav_bg.png) no-repeat 0 -33px;}
.fNav a.npm {width:118px; margin:0 2px 0 23px;}
.fNav apm {width:56px; margin-right:2px;}
.fNav a.usr .{width:80px; margin-right:2px;}
.fNav a.src {width:55px; margin-right:2px;}
.fNav a.rss {width:46px; margin-right:2px;}
.fNav a.rul {width:114px;}

Теперь все, остается радоваться обновлению на форуме.
Прикрепления: 1068038.jpg(91Kb)


RiPeR
Дата: Воскресенье, 23.06.2013, 23:54 | Сообщение # 2
Vip
Сообщений:528
Награды: 1


Красивая,забираю))) tongue

Отличный сайт)
Kosten
Дата: Понедельник, 24.06.2013, 00:25 | Сообщение # 3
Администраторы
Сообщений:12658
Награды: 38


RiPeR, да не вопрос biggrin

Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивая лента форума ucoz
Страница 1 из 11
Поиск: