Photoshop-Zone - Новая навигация на форуме - Заказ графики, Дуэли, Уроки, Помощь по фотошопу и другое

Новая навигация на форуме

Дата: Воскресенье, 11.04.2010, 15:23 | Сообщение # 1

FlushRoya100

Сообщений: 375

Награды: 8

Так приступим идём в панель управления дизайном/форум/общий вид страниц форума находим там код :

Code

<table border="0" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td align="right">[<?if($USER_LOGGED_IN$)?>
<a href="javascript://" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Личные сообщения($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://s9.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Правила форума</a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a> ·
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
</table>

Он стоит перед $BODY$ и заменяем его на :

Code

<table style="border: 0px solid rgb(38, 38, 38); background:url('http://styling.org.ua/templates/images/h2.gif'); repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width=70% align="center" border="0" cellpadding="0" cellspacing="0" height="23">
<tbody><tr>
<tr>
<td align="center"><div class="navig">
<a class="fNavLink" href="http://styling.org.ua/" rel="nofollow">Главная страница</a> ·
<?if($USER_LOGGED_IN$)?>
<a href="javascript://" id="upml" class="rNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">Личные сообщения($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://s28.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><b>Правила форума</b></a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a></td></div>
</tr>
</table>

Далее идём в таблицу стилей css и в самый низ ставим код :

Code

/* --navigation-- */
.navig a {color:#ffffff;padding:0 5px 0 5px;}
.navig a:link {color:#ffffff;}
.navig a:active {color:#ffffff;}
.navig a:visited {color:#ffffff;}
.navig a:hover {text-decoration:none;color:#ffffff;background-image:url('http://styling.org.ua/templates/images/navigation.png'); border-top:1px solid #303030;border-right:1px solid #222222;border-bottom:1px solid #222222;border-left:1px solid #222222;padding: 1px 4px 1px 4px;}
/* ------------ */

Моя графика только платная!Если только я не захачу сделать просто!