• Страница 1 из 1
  • 1
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Навигационная панель на форуме (в виде кнопок)
Навигационная панель на форуме
-SAM- - Offline
Дата: Воскресенье, 01.02.2015, 13:16 | Сообщение # 1
Нет аватара
⇚ Stand Alone Man ⇛
Сообщения: 165
Многие из нас сталкивались с такой проблемой: при установке шаблонов эта менюшка навигации на форуме выглядит отвратно - простой текст, который к тому же еще сдвинут вправо, а те кто ставит рипы шаблонов - вообще сталкиваются с тем, что в большинстве случаев криворукие риперы не могут ее правильно сделать, как результат - просматривая сайт как гость, мы видим надпись "Личные сообщения" (естественно, что подобного группе "Гость" ну никак выводиться не должно).

Выглядит такая панель примерно следующим образом (сайт просматриваем как гость):


Как мы видим - обычные ссылки. По-моему, смотрится не очень.

Давайте сделаем чтобы было вот так авторизированному пользователю:


Для этого заходим в Управление дизайном » Редактирование шаблонов, а уже там Форум -> Общий вид страниц форума, находим таблицу перед $BODY$ и заменяем ее на следующую:
Код
<table border="0" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td align="center"><?if($USER_LOGGED_IN$)?>
<input class="fNavLink" onclick="location.href='/index/8'" value="Персональная страница" type="button" rel="nofollow" />
<input id="upml" class="fNavLink" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" value="Личные сообщения<?if($UNREAD_PM$)?> ($UNREAD_PM$)<?endif?>" type="button" rel="nofollow" />
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='orangered'){c.style.color=cl;}else {c.style.color='orangered';}}setInterval("flashit('upml','')",500)</script><bgsound src="/.s/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<input class="fNavLink" onclick="location.href='/forum/0-0-1-34'" value="Новые сообщения" type="button" rel="nofollow" />
<input class="fNavLink" onclick="location.href='/forum/0-0-1-35'" value="Участники" type="button" rel="nofollow" />
<input class="fNavLink" onclick="location.href='/forum/0-0-0-36'" value="Правила форума" type="button" rel="nofollow" />
<input class="fNavLink" onclick="location.href='/forum/0-0-0-6'" value="Поиск" type="button" rel="nofollow" />
<input class="fNavLink" onclick="location.href='/forum/0-0-0-37'" value="RSS" type="button" rel="nofollow" />
<?if($USER_LOGGED_IN$ and $SUBSCRIPTION_LINK$)?><input class="fNavLink" onclick="location.href='/forum/0-0-1-46'" value="Подписки" type="button" rel="nofollow" /><?endif?></td>
</tr>
</table>

У вас теперь будут кнопками эти ссылки навигации на форуме. Если еще хотите придать им такой же вид, как на этом сайте, то понадобиться еще прописать следующие стили:
Код
<style type="text/css">
input[type="button"].fNavLink {cursor:pointer; outline:none; border:none; font-family:tahoma; font-size:11px; background:url(http://all-cspro.ru/design_65/input.png) repeat-x 0 0; height:21px; color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin:2px;}
input[type="button"]:hover.fNavLink {background-position:0 -21px;}
</style>

Это всего лишь пример того, как можно кастомизировать этот стандартный элемент в шаблонах форума uCoz. Ну, а дальнейшее - за вами, теперь вы знаете как это делать!


Прикрепления: 0720084.png(15.9 Kb) · 6967925.png(1.0 Kb)

Админ - существо кроткое, пока не разозлить...٩(̾●̮̮̃̾•̃̾)۶
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Навигационная панель на форуме (в виде кнопок)
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "All-CsPro.Ru".
Копирование материалов с сайта без разрешения запрещено. © 2011-2023 .