Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Красивое меню для форумов phpbb3

Графическое оформление, Шаблоны (html), темы (css), логотипы, картинки, смайлики и другое.
  • Автор 
    Сообщение
Аватара пользователя
Читатель
Читатель
Сообщения: 268
Зарегистрирован: 01 июл 2011, 17:39
Благодарил (а): 79
Поблагодарили: 107 раз в 82 сообщениях
Город: Нижний Новгород
Пол: Мужской
Адрес форума: 27.4admins.ru
Баллы репутации: 2

Красивое меню для форумов phpbb3

Сообщение Добавлено: 13 окт 2011, 19:55

Красивое меню для форумов phpbb3

Оригинал статьи - здесь

Изображение

Довольно простое и красивое меню для форумов на phpbb3.
Это меню полностью заменяет , стандартное меню в стилях subsilver2 и его клонах.
Работу меню вы можете посмотреть - здесь.
Я предлагаю несколько фонов меню:
[tab][tr][td]1 - Изображение[/td] [td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/1.png
[/td][/tr][tr][td]2 - Изображение[/td][td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/2.png
[/td][/tr][tr][td]3 - Изображение[/td] [td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/3.png
[/td][/tr][tr][td]4 - Изображение[/td] [td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/4.png
[/td][/tr][tr][td]5 - Изображение[/td][td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/5.png
[/td][/tr][tr][td]6 - Изображение[/td][td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/6.png
[/td][/tr][tr][td]7 - Изображение[/td][td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/7.png
[/td][/tr][tr][td]8 - Изображение[/td][td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/8.png
[/td][/tr][tr][td]9 - Изображение[/td][td]
Код: Выделить всё
http://forum-gta.ru/storage/igra_4admins_ru/images/9.png
[/td][/tr][/tab]

Изменяем Шаблон
Открываем шаблон 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>&nbsp;<!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<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 --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_USER_LOGGED_IN -->
                  <!-- IF S_DISPLAY_PM --> &nbsp;<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 --> &nbsp;<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 -->&nbsp; &nbsp;<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 -->&nbsp; &nbsp;<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 -->&nbsp; &nbsp;<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 --> &nbsp;•&nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;•&nbsp;<!-- ENDIF -->

               <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;•&nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
               <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;•&nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_USER_LOGGED_IN -->
                     <!-- IF S_DISPLAY_PM --> &nbsp;•&nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
                  <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;•&nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
                  <!-- ENDIF -->
               <!-- ENDIF -->
            
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_DISPLAY_MEMBERLIST --> &nbsp;•&nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
                  <!-- IF S_USER_LOGGED_IN --> &nbsp;•&nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
               <!-- ENDIF -->
            
               <!-- IF not S_IS_BOT --> &nbsp;•&nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- 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 --> &nbsp;•&nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;•&nbsp;<!-- ENDIF -->
               <a href="http://wap.forum-gta.ru/">Wap-версия</a>&nbsp;•&nbsp;<a href="http://forum-gta.ru/page.php?p=pravila">Правила</a> &nbsp;•&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>

               <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;•&nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
               <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;•&nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_USER_LOGGED_IN -->
                     <!-- IF S_DISPLAY_PM --> &nbsp;•&nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
                  <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;•&nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
                  <!-- ENDIF -->
               <!-- ENDIF -->
            
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_DISPLAY_MEMBERLIST --> &nbsp;•&nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
                  <!-- IF S_USER_LOGGED_IN --> &nbsp;•&nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
               <!-- ENDIF -->
            
               <!-- IF not S_IS_BOT --> &nbsp;•&nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
            </center>
         </td>
      </tr>
   </table>

    Где ХХ-фоновая картинка-ХХ - ссылка на картинку.
    Разделительный знак • - по умолчанию имеет стандартный цвет шрифта на форуме, если вы хотите изменить цвет разделительного знака, тогда замените визде в коде
    [tab][tr][td]
    Код: Выделить всё
    [/td][td]на код[/td][td]
    Код: Выделить всё
    <font color="565656">•</font>
    [/td][/tr][/tab]
    Где 565656 - цвет этих знаков, устоновите свой.

    Для расширенного меню, добавлены ссылки:
  • Главная - для ее использования в коде
    Код: Выделить всё
    <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

    замените на свое.

Изменяем тему стиля

Добавить
Код: Выделить всё
#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
а мне без разницы

За это сообщение пользователя ViruS поблагодарили:
ArtPro, GoDFaTHeR, manganime, renatnizamiev, risto, romaamor

Аватара пользователя
Читатель
Читатель
Сообщения: 268
Зарегистрирован: 01 июл 2011, 17:39
Благодарил (а): 79
Поблагодарили: 107 раз в 82 сообщениях
Город: Нижний Новгород
Пол: Мужской
Адрес форума: 27.4admins.ru
Баллы репутации: 2

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 27 окт 2011, 05:27

В первом Варианте меню - "Стандартное меню".
Есть лишняя точка, поправил. Вот код меню с Улучшенным видом (удалил одно &nbsp;•&nbsp;)
Код: Выделить всё
   <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 --> &nbsp;•&nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
               <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;•&nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
               <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;•&nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_USER_LOGGED_IN -->
                     <!-- IF S_DISPLAY_PM --> &nbsp;•&nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
                  <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;•&nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
                  <!-- ENDIF -->
               <!-- ENDIF -->
           
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_DISPLAY_MEMBERLIST --> &nbsp;•&nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
                  <!-- IF S_USER_LOGGED_IN --> &nbsp;•&nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
               <!-- ENDIF -->
           
               <!-- IF not S_IS_BOT --> &nbsp;•&nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
            </center>
         </td>
      </tr>
   </table>
а мне без разницы

Аватара пользователя
Сообщения: 29
Зарегистрирован: 27 апр 2011, 05:57
Благодарил (а): 16
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://simschallenge.4adm.ru
Баллы репутации: 6

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 27 окт 2011, 08:31

Нравится меню, но у меня в измененном стиле vphpbb3 (тоже клон subsilver2) шаблон overall_header.html отличается тем, что за стандартное меню отвечает отдельный шаблон menu1.html, а за расширенное menu2.html

menu1.html я бы хотела оставить "как есть", зато заменила menu2.html на предложенный "расширенный вид"
+ убрала из панели ссылку на правила и wap-версию (не нужны)... с этим я разобралась, впрочем, как и с картинкой фона (заменю потом, это всё легко).

А проблема в том, что у меня меню через CSS не меняется, хотя классы menu_bkg a и #menu_bkg a:hover добавила
видимо что-то где-то наследуется, а в CSS я пока не ас... :unknown

Подскажите, пожалуйста, что я упускаю из виду?

измененное menu2.html
Код: Выделить всё
<table id="menu_bkg" cellpadding="0" cellspacing="0" width="100%" style="height: 30px;background: url(http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic1.gif) repeat-x;">
          <tr>
             <td style="padding: 0;">
                <center>
                   <a href="http://sims-challenge.ru/">Главная</a>
                   <!-- IF S_DISPLAY_SEARCH --> &nbsp;•&nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;•&nbsp;<!-- ENDIF -->
                <a href="{U_FAQ}">{L_FAQ}</a>

                   <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;•&nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
                   <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;•&nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
                   <!-- IF not S_IS_BOT -->
                      <!-- IF S_USER_LOGGED_IN -->
                         <!-- IF S_DISPLAY_PM --> &nbsp;•&nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
                      <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;•&nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
                      <!-- ENDIF -->
                   <!-- ENDIF -->
               
                   <!-- IF not S_IS_BOT -->
                      <!-- IF S_DISPLAY_MEMBERLIST --> &nbsp;•&nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
                      <!-- IF S_USER_LOGGED_IN --> &nbsp;•&nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
                   <!-- ENDIF -->
               
                   <!-- IF not S_IS_BOT --> &nbsp;•&nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
                </center>
             </td>
          </tr>
       </table>



CSS
Код: Выделить всё
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      vphpbb3
   Based on style:   subSilver2
   Original author:   subBlue ( http://www.subBlue.com/ )
   
   This is an alternative style for phpBB3 for those wishing to stay with
   the familiar subSilver style of phpBB version 2.x
   
   Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana;
   color: #000000;
   background-color: #6e9a8a;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}
#wrapheader {
   
   margin: 0px 10px -2px 2px;
   background-color: transparent;
}

#wrapcentre {

   margin:0 auto;
        padding: 15px 25px 15px 25px;
        width: 95%;

}
#wraporta {
   
background-color: #dee6cf;
   margin: 0 40px 0 40px;
   min-width: 890px;
}

#menu_bkg a
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
}

#menu_bkg a:hover {
   color: #000000;
   font-weight: bold;
   font-size: 11px;
}

#wrapfooter {
   text-align: center;
   clear: both;
}

/* Строка в форме быстрого ответа */
#wrapnav {
   width: 100%;
   margin: 0;
   background-color: #fafff2;
   border-width: 1px;
   border-style: solid;
   border-color: #A9B8C2;
}


#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}


/* Правила подфорума */
.forumrules {
   background-color: #cfe6e4;
   border-width: 1px;
   border-style: solid;
   border-color: #92a191;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Verdana", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
   color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
--------------------- */
h1 {
   color: black;
   font-family: "Verdana", Trebuchet MS, Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin-left: 20px;
   float: left;
   color: #000000;
   white-space: normal;
   font-size: 1.2em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   font-family: Verdana;
   font-size: 1.1em;
   color: black;
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   font-family: Verdana;
   font-size: 1.1em;
   color: black;
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #000000;
   font-size: 1.7em;
}

.postdetails {
   color: #000000;
   }

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: Verdana;
   color: black;
   
   
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: yellow;
}

.nav {
   margin: 0;
   color: black;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   font-size: 1em;
   font-weight: bold;
   border: 1px solid;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-family: Verdana;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-family: Verdana;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-family: Verdana;
   font-size: 1em;
   color:;
}

.copyright {
   color: #444;
   font-weight: normal;
   font-family: "Verdana",  Arial, Helvetica, sans-serif;
}

.titles {
   font-family: "Verdana", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-transform: uppercase;
   text-align: center;
   
}

.error {
   color: red;
}


/* Tables
------------ */
th {
   color: #FFFFFF;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #667165;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic3.gif')
   white-space: nowrap;
   padding: 3px 1px;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
}

.tablebg {
   background-color: #92a191;
   border-bottom: 1px solid #667165; border-left: 1px solid #667165;  border-right: 1px solid #667165; border-top: 1px solid #667165;
}



.cat {
   color: #FFFFFF ;
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #667165;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic1.gif');
   text-indent: 4px;
}

.cat1 {
   
    height: 28px;
   margin: 0;
   padding: 0;
   border: 1;
border-bottom: 1px solid #667165; border-left: 1px solid #667165;  border-right: 1px solid #667165; border-top: 1px solid #667165;
   background-color: #92a191;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic1.gif');
   text-indent: 4px;
}

.cat2 {
    color: #FFFFFF;
   font-size: 1em;
   font-weight: bold;
   background-color: #92a191;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic3.gif');
border-bottom: 1px solid #667165; border-left: 1px solid #667165;  border-right: 1px solid #667165; border-top: 1px solid #667165;
   white-space: nowrap;
   padding: 3px 1px;
}

/* Категория на главной */

.cat3 {
   height: 20px;
   background-color: #92a191;
}

/* Фон сообщений */
.row1 {
   background-color: #fafff2;
   padding: 4px;
}

/* Фон сообщений сбоку */
.row2 {
   background-color: #cfe6e4;
   padding: 4px;
}

/* Примечания */
.row3 {
   background-color: #cfe6e4;
   padding: 4px;
}

.row4 {
   background-color: #cfe6e4;
   padding: 4px;
}
.row5 {
   
   background-color: #92a191;
   
}

.spacer {
   background-color: #dee6cf;
}


hr {
   height: 1px;
   border-width: 0;
   background-color: #dee6cf;
   color: #D1D7DC;
}

.legend {
   text-align:center;
   margin: 0 auto;
}



/* Links
------------ */
a:link {
   color: #474F47;
   text-decoration: underline;
}

a:active,
a:visited {
   color: #474F47;
   text-decoration: underline;
}

a:hover {
   color: #474F47;
   text-decoration: underline;
}

a.forumlink {
   color: #474F47;
   
   font-family: Verdana;
   font-size: 1.3em;
   text-decoration: underline;
}

a.forumlink:hover {
   color: #FF4400;
    text-decoration: underline;
}

a.topictitle {
   color: #474F47;
   margin: 1px 0;
   font-family: "Verdana", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
   text-decoration: none;
   text-transform: capitalize;
}

a.topictitle:visited {
   color: #474F47;
   font-weight: normal;
   text-decoration: none;
   text-transform: capitalize;
   margin: 1px 0;
}

a.topictitle:hover {
   color: #FF4400;
    text-decoration: underline;
}

th a,
th a:visited {
   color: #FFA34F !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}
/*mavilim Styles Links
------------ */
.cat a,
.cat a:visited {
   color: #FFFFFF !important;
   font-family: Verdana ;
   font-size: 1em;
   text-decoration: none;
}
.cat a:hover {
   color: #FFFF66 !important;
   text-decoration: underline;
}

.cat1 a,
.cat1 a:visited {
   color: #FFFFFF !important;
   font-family: Verdana ;
   font-size: 1.3em;
   text-decoration: none;
}
.cat1 a:hover {
   color: #FFFF66 !important;
   text-decoration: underline;
}

.cat3 a,
.cat3 a:visited {
    color: #E0E0F6 !important;
    font-family: Verdana ;
   font-size: 1.2em;
   text-align: center;
   text-decoration: underline;
   
}
.cat3 a:hover {
   color: #FFFF66 !important;
   text-decoration: underline;
}   


.row5 a,
.row5 a:visited {
    color: #FFFFFF !important;
   font-family: Verdana ;
   font-size: 11px;
    text-decoration: none;   
   padding: 1px 5px 1px 40px ;
   float:left;
   }
.row5 a:hover {
   text-decoration: underline;
   }   
      

/* Form Elements
------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #333333;
   font-family: "Verdana", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #A9B8C2;
   background-color: #fafff2;
}

textarea {
   background-color: #fafff2;
   color: #333333;
   font-family: "Verdana", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #A9B8C2;
   padding: 2px;
}

select {
   color: #333333;
   background-color: #FAFAFA;
   font-family: "Verdana", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #A9B8C2;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: graytext;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
   background-color: transparent;
}

.post {
   background-color: fafff2;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #000000;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Verdana", Verdana, Helvetica, sans-serif;
   background-color: #EFEFEF;
   border: 1px solid #666666;
}

.btnmain {
   font-weight: bold;
   background-color: #ECECEC;
   border: 1px solid #A9B8C2;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
   font-weight: normal;
   background-color: #ECECEC;
   border: 1px solid #A9B8C2;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
   font-weight: normal;
   background-color: #ECECEC;
   border: 1px solid #A9B8C2;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: #cfe6e4;
   border-style: none;
}

.subforum.read {
   background: url(images/subforum_read.gif) top left no-repeat;
   padding-left: 12px;
}
.subforum.unread {
   background: url(images/subforum_unread.gif) top left no-repeat;
   padding-left: 12px;
}

/* BBCode
------------ */
.quotetitle, .attachtitle, .codetitle {
font-size: 1em;
color: black;
}

.quotetitle .quotetitle {
   font-size: 1em;
   color: black;
}

.quotecontent, .attachcontent, .codecontent {
   margin: 0 5px 10px 8px;
   padding: 5px;
   border-color: #FFFFFF;
   border: groove 1px ;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: Verdana;
   background-color: #dee6cf;
   color: black;
}

.attachcontent {
   font-size: 0.85em;
}



.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #FF8000;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #000000;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #DD0000;
}


/* Private messages
------------------ */
.pm_marked_colour {
   background-color: #000000;
}

.pm_replied_colour {
   background-color: #A9B8C2;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #DD0000;
}


/* Misc
------------ */
img {
   border: none;
}

.sep {
   color: black;
   background-color: #FFA34F;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}
Если все пользователи форума техподдержки будут читать FAQ, пользоваться поиском и учить HTML, админы [s]умрут от скуки[/s] займутся усовершенствованиями! ;D

Аватара пользователя
Читатель
Читатель
Сообщения: 268
Зарегистрирован: 01 июл 2011, 17:39
Благодарил (а): 79
Поблагодарили: 107 раз в 82 сообщениях
Город: Нижний Новгород
Пол: Мужской
Адрес форума: 27.4admins.ru
Баллы репутации: 2

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 27 окт 2011, 09:53

тема стиля
Код: Выделить всё
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      vphpbb3
   Based on style:   subSilver2
   Original author:   subBlue ( http://www.subBlue.com/ )
   
   This is an alternative style for phpBB3 for those wishing to stay with
   the familiar subSilver style of phpBB version 2.x
   
   Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana;
   color: #000000;
   background-color: #6e9a8a;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}
#wrapheader {
   
   margin: 0px 10px -2px 2px;
   background-color: transparent;
}

#wrapcentre {

   margin:0 auto;
        padding: 15px 25px 15px 25px;
        width: 95%;

}
#wraporta {
   
background-color: #dee6cf;
   margin: 0 40px 0 40px;
   min-width: 890px;
}

#menu_bkg a {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
}

#menu_bkg a:hover {
   color: #000000;
   font-weight: bold;
   font-size: 11px;
}

#wrapfooter {
   text-align: center;
   clear: both;
}

/* Строка в форме быстрого ответа */
#wrapnav {
   width: 100%;
   margin: 0;
   background-color: #fafff2;
   border-width: 1px;
   border-style: solid;
   border-color: #A9B8C2;
}


#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}


/* Правила подфорума */
.forumrules {
   background-color: #cfe6e4;
   border-width: 1px;
   border-style: solid;
   border-color: #92a191;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Verdana", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
   color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
--------------------- */
h1 {
   color: black;
   font-family: "Verdana", Trebuchet MS, Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin-left: 20px;
   float: left;
   color: #000000;
   white-space: normal;
   font-size: 1.2em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   font-family: Verdana;
   font-size: 1.1em;
   color: black;
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   font-family: Verdana;
   font-size: 1.1em;
   color: black;
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #000000;
   font-size: 1.7em;
}

.postdetails {
   color: #000000;
   }

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: Verdana;
   color: black;
   
   
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: yellow;
}

.nav {
   margin: 0;
   color: black;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   font-size: 1em;
   font-weight: bold;
   border: 1px solid;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-family: Verdana;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-family: Verdana;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-family: Verdana;
   font-size: 1em;
   color:;
}

.copyright {
   color: #444;
   font-weight: normal;
   font-family: "Verdana",  Arial, Helvetica, sans-serif;
}

.titles {
   font-family: "Verdana", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-transform: uppercase;
   text-align: center;
   
}

.error {
   color: red;
}


/* Tables
------------ */
th {
   color: #FFFFFF;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #667165;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic3.gif')
   white-space: nowrap;
   padding: 3px 1px;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
}

.tablebg {
   background-color: #92a191;
   border-bottom: 1px solid #667165; border-left: 1px solid #667165;  border-right: 1px solid #667165; border-top: 1px solid #667165;
}



.cat {
   color: #FFFFFF ;
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #667165;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic1.gif');
   text-indent: 4px;
}

.cat1 {
   
    height: 28px;
   margin: 0;
   padding: 0;
   border: 1;
border-bottom: 1px solid #667165; border-left: 1px solid #667165;  border-right: 1px solid #667165; border-top: 1px solid #667165;
   background-color: #92a191;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic1.gif');
   text-indent: 4px;
}

.cat2 {
    color: #FFFFFF;
   font-size: 1em;
   font-weight: bold;
   background-color: #92a191;
background-image: url('http://simschallenge.4adm.ru/storage/simschallenge_4adm_ru/images/cellpic3.gif');
border-bottom: 1px solid #667165; border-left: 1px solid #667165;  border-right: 1px solid #667165; border-top: 1px solid #667165;
   white-space: nowrap;
   padding: 3px 1px;
}

/* Категория на главной */

.cat3 {
   height: 20px;
   background-color: #92a191;
}

/* Фон сообщений */
.row1 {
   background-color: #fafff2;
   padding: 4px;
}

/* Фон сообщений сбоку */
.row2 {
   background-color: #cfe6e4;
   padding: 4px;
}

/* Примечания */
.row3 {
   background-color: #cfe6e4;
   padding: 4px;
}

.row4 {
   background-color: #cfe6e4;
   padding: 4px;
}
.row5 {
   
   background-color: #92a191;
   
}

.spacer {
   background-color: #dee6cf;
}


hr {
   height: 1px;
   border-width: 0;
   background-color: #dee6cf;
   color: #D1D7DC;
}

.legend {
   text-align:center;
   margin: 0 auto;
}



/* Links
------------ */
a:link {
   color: #474F47;
   text-decoration: underline;
}

a:active,
a:visited {
   color: #474F47;
   text-decoration: underline;
}

a:hover {
   color: #474F47;
   text-decoration: underline;
}

a.forumlink {
   color: #474F47;
   
   font-family: Verdana;
   font-size: 1.3em;
   text-decoration: underline;
}

a.forumlink:hover {
   color: #FF4400;
    text-decoration: underline;
}

a.topictitle {
   color: #474F47;
   margin: 1px 0;
   font-family: "Verdana", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
   text-decoration: none;
   text-transform: capitalize;
}

a.topictitle:visited {
   color: #474F47;
   font-weight: normal;
   text-decoration: none;
   text-transform: capitalize;
   margin: 1px 0;
}

a.topictitle:hover {
   color: #FF4400;
    text-decoration: underline;
}

th a,
th a:visited {
   color: #FFA34F !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}
/*mavilim Styles Links
------------ */
.cat a,
.cat a:visited {
   color: #FFFFFF !important;
   font-family: Verdana ;
   font-size: 1em;
   text-decoration: none;
}
.cat a:hover {
   color: #FFFF66 !important;
   text-decoration: underline;
}

.cat1 a,
.cat1 a:visited {
   color: #FFFFFF !important;
   font-family: Verdana ;
   font-size: 1.3em;
   text-decoration: none;
}
.cat1 a:hover {
   color: #FFFF66 !important;
   text-decoration: underline;
}

.cat3 a,
.cat3 a:visited {
    color: #E0E0F6 !important;
    font-family: Verdana ;
   font-size: 1.2em;
   text-align: center;
   text-decoration: underline;
   
}
.cat3 a:hover {
   color: #FFFF66 !important;
   text-decoration: underline;
}   


.row5 a,
.row5 a:visited {
    color: #FFFFFF !important;
   font-family: Verdana ;
   font-size: 11px;
    text-decoration: none;   
   padding: 1px 5px 1px 40px ;
   float:left;
   }
.row5 a:hover {
   text-decoration: underline;
   }   
     

/* Form Elements
------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #333333;
   font-family: "Verdana", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #A9B8C2;
   background-color: #fafff2;
}

textarea {
   background-color: #fafff2;
   color: #333333;
   font-family: "Verdana", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #A9B8C2;
   padding: 2px;
}

select {
   color: #333333;
   background-color: #FAFAFA;
   font-family: "Verdana", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #A9B8C2;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: graytext;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
   background-color: transparent;
}

.post {
   background-color: fafff2;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #000000;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Verdana", Verdana, Helvetica, sans-serif;
   background-color: #EFEFEF;
   border: 1px solid #666666;
}

.btnmain {
   font-weight: bold;
   background-color: #ECECEC;
   border: 1px solid #A9B8C2;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
   font-weight: normal;
   background-color: #ECECEC;
   border: 1px solid #A9B8C2;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
   font-weight: normal;
   background-color: #ECECEC;
   border: 1px solid #A9B8C2;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: #cfe6e4;
   border-style: none;
}

.subforum.read {
   background: url(images/subforum_read.gif) top left no-repeat;
   padding-left: 12px;
}
.subforum.unread {
   background: url(images/subforum_unread.gif) top left no-repeat;
   padding-left: 12px;
}

/* BBCode
------------ */
.quotetitle, .attachtitle, .codetitle {
font-size: 1em;
color: black;
}

.quotetitle .quotetitle {
   font-size: 1em;
   color: black;
}

.quotecontent, .attachcontent, .codecontent {
   margin: 0 5px 10px 8px;
   padding: 5px;
   border-color: #FFFFFF;
   border: groove 1px ;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: Verdana;
   background-color: #dee6cf;
   color: black;
}

.attachcontent {
   font-size: 0.85em;
}



.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #FF8000;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #000000;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #DD0000;
}


/* Private messages
------------------ */
.pm_marked_colour {
   background-color: #000000;
}

.pm_replied_colour {
   background-color: #A9B8C2;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #DD0000;
}


/* Misc
------------ */
img {
   border: none;
}

.sep {
   color: black;
   background-color: #FFA34F;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}



Просьба к администрации
Код: Выделить всё
#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

Код: Выделить всё
#menu_bkg a {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
}

#menu_bkg a:hover {
   color: #000000;
   font-weight: bold;
   font-size: 11px;
}
а мне без разницы

За это сообщение пользователя ViruS поблагодарили:
MakerShe

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 27 окт 2011, 18:55

ViruS писал(а):добавить { в первом сообщении после #menu_bkg a

ViruS
уже добавили или оно там и было ?
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Читатель
Читатель
Сообщения: 268
Зарегистрирован: 01 июл 2011, 17:39
Благодарил (а): 79
Поблагодарили: 107 раз в 82 сообщениях
Город: Нижний Новгород
Пол: Мужской
Адрес форума: 27.4admins.ru
Баллы репутации: 2

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 27 окт 2011, 21:28

GoDFaTHeR писал(а):
ViruS писал(а):добавить { в первом сообщении после #menu_bkg a

ViruS
уже добавили или оно там и было ?

нет не добавлял, пользователи не могут редактировать свои сообщения, написанные примерно 3 часа назад или ранее, а первое сообщение было написано аж 13 окт 2011 (я не могу его редактировать :unknown )
а мне без разницы

Аватара пользователя
Сообщения: 29
Зарегистрирован: 27 апр 2011, 05:57
Благодарил (а): 16
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://simschallenge.4adm.ru
Баллы репутации: 6

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 27 окт 2011, 22:57

Спасибо за подсказку. В первом посте действительно, опечатка и не хватает фигурной скобочки в коде для CSS.

У себя сделала так: (может пригодится, у кого стиль vphpbb3)

это добавить в тему стиля:

Код: Выделить всё
#menu_bkg a {
   color: #FFFFFF;
   font-weight: lighter;
   font-size: 15px;
font-variant: small-caps
}

#menu_bkg a:hover {
   color: #000000;
   font-weight: lighter;
   font-size: 15px;
font-variant: small-caps
}


А вот этим заменить шаблон menu2.html (я немного совместила новый и старый)

Цвет точек можно менять на свой вкус
Код: Выделить всё
<table id="menu_bkg" cellpadding="0" cellspacing="0" width="100%" style="height: 30px;background: url(http:// ссылка на изображение, которое будет служить фоном!!) repeat-x;">
          <tr>
             <td style="padding: 0;">
                <center>
                   <a href="http://ссылка на вашу главную страницу/">Главная</a>
                   <!-- IF S_DISPLAY_SEARCH --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<!-- ENDIF -->
                <a href="{U_FAQ}">{L_FAQ}</a>

               <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
                   <!-- IF not S_IS_BOT -->
                      <!-- IF S_USER_LOGGED_IN -->
                       
                      <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
                      <!-- ENDIF -->
                   <!-- ENDIF -->
               
                   <!-- IF not S_IS_BOT -->
                      <!-- IF S_DISPLAY_MEMBERLIST --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
                      <!-- IF S_USER_LOGGED_IN --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
                   <!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp; 
     <a href="{U_SEARCH_NEW}"><strong>{L_SEARCH_NEW}</strong></a>
            <!-- ENDIF -->
                                   <!-- IF not S_IS_BOT --> &nbsp;&nbsp;<font color="FFFFFF">•</font>&nbsp;&nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
                </center>
             </td>
          </tr>
       </table>
Если все пользователи форума техподдержки будут читать FAQ, пользоваться поиском и учить HTML, админы [s]умрут от скуки[/s] займутся усовершенствованиями! ;D

За это сообщение пользователя MakerShe поблагодарили:
ViruS

Аватара пользователя
Сообщения: 21
Зарегистрирован: 18 май 2011, 20:12
Откуда: с. Вагай, Тюменская область
Благодарил (а): 4
Поблагодарили: 0 раз в 0 сообщении
Город: с.Вагай
Пол: Мужской
Адрес форума: lilsteam.ru
Баллы репутации: 0

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 28 окт 2011, 08:45

Спасибо за меню, красиво

Аватара пользователя
Сообщения: 448
Зарегистрирован: 29 июн 2011, 02:43
Откуда: Оттуда
Благодарил (а): 275
Поблагодарили: 59 раз в 43 сообщениях
Город: ОДЕССА
Пол: Мужской
Адрес форума: http://4admins.ru
Баллы репутации: -11

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 29 окт 2011, 21:59

А как здесь сделать шрифт жирнее ?
Изображение

Аватара пользователя
Читатель
Читатель
Сообщения: 268
Зарегистрирован: 01 июл 2011, 17:39
Благодарил (а): 79
Поблагодарили: 107 раз в 82 сообщениях
Город: Нижний Новгород
Пол: Мужской
Адрес форума: 27.4admins.ru
Баллы репутации: 2

Re: Красивое меню для форумов phpbb3

Сообщение Добавлено: 29 окт 2011, 23:39

romaamor писал(а):А как здесь сделать шрифт жирнее ?
Изображение

Код: Выделить всё
#menu_bkg a {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
}

#menu_bkg a:hover {
   color: #000000;
   font-weight: bold;
   font-size: 11px;
}

color: #FFFFFF; - цвет ссылок (белый можете поменять на свой)
font-weight: bold; - жирный
color: #000000; - цвет при наведении мыши (черный можете поменять на свой)
а мне без разницы

За это сообщение пользователя ViruS поблагодарили:
romaamor


Вернуться в Оформление Форума

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 11