Оригинал статьи - здесь
Довольно простое и красивое меню для форумов на phpbb3.
Это меню полностью заменяет , стандартное меню в стилях subsilver2 и его клонах.
Работу меню вы можете посмотреть - здесь.
Я предлагаю несколько фонов меню:
[tab][tr][td]1 - [/td] [td]
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/1.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/2.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/3.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/4.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/5.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/6.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/7.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/8.png
- Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/9.png
Изменяем Шаблон
Открываем шаблон overall_header.html Что бы заменить стандартное меню, найдите это
- Код: Выделить всё
<table width="100%" cellspacing="0">
<tr>
<td class="genmed">
<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_LOGIN_LOGOUT}</a> <!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> <a href="{U_RESTORE_PERMISSIONS}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> <span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --> <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED --> <a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>
<!-- ENDIF -->
<!-- ENDIF -->
</td>
<td class="genmed" align="{S_CONTENT_FLOW_END}">
<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --> <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --> <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/icon_mini_members.gif" width="12" height="13" alt="*" /> {L_MEMBERLIST}</a><!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --> <a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/icon_mini_profile.gif" width="12" height="13" alt="*" /> {L_PROFILE}</a><!-- ENDIF -->
<!-- ENDIF -->
</td>
</tr>
</table>
и замените нужным кодом меню
Стандартное меню.
- Код: Выделить всё
<table id="menu_bkg" cellpadding="0" cellspacing="0" width="100%" style="height: 30px;background: url(ХХ-фоновая картинка-ХХ) repeat-x;">
<tr>
<td style="padding: 0;">
<center>
<a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --> • <a href="{U_SEARCH}">{L_SEARCH}</a> • <!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> • <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> • <span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --> • <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED --> • <a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --> • <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --> • <a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --> • <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> <!-- ENDIF -->
</center>
</td>
</tr>
</table>
Расширенное меню.
- Код: Выделить всё
<table id="menu_bkg" cellpadding="0" cellspacing="0" width="100%" style="height: 30px;background: url(http://forum-gta.ru/storage/igra_4admins_ru/images/menu_nav_glav.gif) repeat-x;">
<tr>
<td style="padding: 0;">
<center>
<a href="http://forum-gta.ru/">Главная</a>
<!-- IF S_DISPLAY_SEARCH --> • <a href="{U_SEARCH}">{L_SEARCH}</a> • <!-- ENDIF -->
<a href="http://wap.forum-gta.ru/">Wap-версия</a> • <a href="http://forum-gta.ru/page.php?p=pravila">Правила</a> • <a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF U_RESTORE_PERMISSIONS --> • <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> • <span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --> • <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED --> • <a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --> • <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --> • <a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --> • <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> <!-- ENDIF -->
</center>
</td>
</tr>
</table>
- Где ХХ-фоновая картинка-ХХ - ссылка на картинку.
- Код: Выделить всё
•
- Код: Выделить всё
<font color="565656">•</font>
- Главная - для ее использования в коде
- Код: Выделить всё
<a href="http://forum-gta.ru/">Главная</a>
- Код: Выделить всё
http://forum-gta.ru/
замените на свое. - Wap-версия - для ее использования, устоновите и активируйте wap стиль(в админке), В коде
- Код: Выделить всё
<a href="http://wap.forum-gta.ru/">Wap-версия</a>
- Код: Выделить всё
forum-gta.ru
замените на свое. - Правила - для ее использования, укажите адрес страници с вашими правилами
- Код: Выделить всё
<a href="http://forum-gta.ru/page.php?p=pravila">Правила</a>
- Код: Выделить всё
http://forum-gta.ru/page.php?p=pravila
замените на свое.
Разделительный знак • - по умолчанию имеет стандартный цвет шрифта на форуме, если вы хотите изменить цвет разделительного знака, тогда замените визде в коде
[tab][tr][td]
Где 565656 - цвет этих знаков, устоновите свой.
Для расширенного меню, добавлены ссылки:
Изменяем тему стиля
Добавить
- Код: Выделить всё
#menu_bkg a
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
}
#menu_bkg a:hover {
color: #000000;
font-weight: bold;
font-size: 11px;
}
Где:
#menu_bkg a
color: #FFFFFF; --- цвет ссылок меню (можите устоновить свое значение)
font-weight: bold;
font-size: 11px; --- размер шрифта ссылок меню (можите устоновить свое значение)
}
#menu_bkg a:hover {
color: #000000; ---- цвет ссылок меню при наведении (можите устоновить свое значение)
font-weight: bold;
font-size: 11px;
}
======================================
Активные темы | Сообщения без ответов | Непрочитанные сообщения
Новые сообщения | Ваши сообщения - по центру.
Для subsilver2 и его клонов найти и удалить
- Код: Выделить всё
<!-- IF S_DISPLAY_SEARCH -->
<p class="searchbar">
<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
<!-- IF S_USER_LOGGED_IN -->
<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
<!-- ENDIF -->
</p>
<!-- ENDIF -->
Вставляем это
- Код: Выделить всё
<!-- IF S_DISPLAY_SEARCH -->
<table width="100%">
<tr>
<td align="center">
<p class="searchbar">
<a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a> | <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
<!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS --> | <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- IF S_USER_LOGGED_IN --> | <!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF -->
<!-- ENDIF -->
</p>
</td>
</tr>
</table>
<!-- ENDIF -->
Автор Scorpion © Forum-Gta.ru