ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Лента форума как на zornet.ru

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

Представляю ленту форума как на исходном шаблоне орел cs. Лента выполнена по дизайну красиво, и сама картинка идет в формате png что можно поставить на любой сайт. Спасибо NOOB что предоставил код и стиль к ленте. Оригиналом шла она что только можно поставить было на светлые сайты, сейчас как писал на любой дизайн сайта. Сама лента выполнена в темно синих тонах, что можно ее поставить как на светлый сайт так и на темный.
Приступаем к установке:
Что первое надо убрать свою старую ленту, она находиться в разделе Общий вид страниц форума и прописать вместо старого этот код.

Код

<div class="fNav">
<a class="fNavLink npm" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</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;">ЛС<?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">Участники</a>
<a class="fNavLink src" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a>
<a class="fNavLink rss" href="$RSS_LINK$" rel="nofollow">RSS</a>
<a class="fNavLink rul" href="$BOARD_RULES_LINK$" rel="nofollow">Правила форума</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 Мая 2013 Просмотров: 2214 Комментариев: (8)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 8
Порядок вывода комментариев: White_Wolf 11 Марта 2014 17:28¹ 0 можно ли сделать задний фон тёмным? ๖ۣۜInspire 11 Марта 2014 17:52² 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 11 Марта 2014 18:27³ 0 ๖ۣۜInspire, не знал что ты в фотошопе рулишь.. все думал в CSS. Да к стате NOOB спасибо скажите. По просьбе мне он рипнул. White_Wolf 11 Марта 2014 18:48⁴ 0 ок, спс а можно ещё вопрос, просто тему создавать долго, у меня в каталоге файлов и в новостях, если печатать длинный текст одним словом, он уходит вправо под фон, как это исправить? гляньте плиз на этом сайте wotmod.clan.su, или напишите как исправить в мою тему с проблемой со вставкой изображения. И спасибо за помощь во всех вопросах, тут реально знающие люди, очень помогли и помогаете! White_Wolf 11 Марта 2014 18:57⁵ 0 блин, у меня форум ползёт когда я это вставляю, но всёравно спс, помогите с вопросом №2? ๖ۣۜInspire 11 Марта 2014 19:22⁶ 0 White_Wolf, сайт открой Kosten 12 Марта 2014 11:30⁷ 0 White_Wolf, не в обиду.. я как понимаю у тебя реально все ползет, я за сайт. Ты не задумывался новый шаблон поставить, как понимаю опыт уже есть.
1 2 »