» »

Лента форума как на zornet.ru


Лента форума как на zornet.ru

Представляю ленту форума как на исходном шаблоне орел cs. Лента выполнена по дизайну красиво, и сама картинка идет в формате png что можно поставить на любой сайт. Спасибо NOOB что предоставил код и стиль к ленте. Оригиналом шла она что только можно поставить было на светлые сайты, сейчас как писал на любой дизайн сайта. Сама лента выполнена в темно синих тонах, что можно ее поставить как на светлый сайт так и на темный.
Приступаем к установке:
Что первое надо убрать свою старую ленту, она находиться в разделе Общий вид страниц форума и прописать вместо старого этот код.
Код
<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;}

На этом все, лента форума установлена.
13.05.2013 Просмотров: 1013 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 8
White_Wolf
White_Wolf 11.03.2014 17:281
0
можно ли сделать задний фон тёмным?
๖ۣۜInspire
๖ۣۜInspire 11.03.2014 17:522
0
White_Wolf, .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 {background:#ccc no-repeat; height:33px; line-height:33px; width:514px; margin:0 0 0 24px; display:block; overflow:hidden;}
Kosten
Kosten 11.03.2014 18:273
0
๖ۣۜInspire, не знал что ты в фотошопе рулишь.. все думал в CSS. Да к стате NOOB спасибо скажите. По просьбе мне он рипнул.
White_Wolf
White_Wolf 11.03.2014 18:484
0
ок, спс а можно ещё вопрос, просто тему создавать долго, у меня в каталоге файлов и в новостях, если печатать длинный текст одним словом, он уходит вправо под фон, как это исправить? гляньте плиз на этом сайте wotmod.clan.su, или напишите как исправить в мою тему с проблемой со вставкой изображения. И спасибо за помощь во всех вопросах, тут реально знающие люди, очень помогли и помогаете!
White_Wolf
White_Wolf 11.03.2014 18:575
0
блин, у меня форум ползёт когда я это вставляю, но всёравно спс, помогите с вопросом №2?
๖ۣۜInspire
๖ۣۜInspire 11.03.2014 19:226
0
White_Wolf, сайт открой
Kosten
Kosten 12.03.2014 11:307
0
White_Wolf, не в обиду.. я как понимаю у тебя реально все ползет, я за сайт. Ты не задумывался новый шаблон поставить, как понимаю опыт уже есть.
Kosten
Kosten 12.03.2014 11:328
0
Вот к примеру ссылка youcss.ru/forum/39-1240-1 на Мега пак оригинальных шаблонов 33 штуки, думаю хороший выбор.
avatar