info navigation

phpbb-belk.ru

темы, связанные с форумом phpbb 3.0.x



Новая тема  Страница 1 из 1
  [ 1 сообщение ]  Просмотры: 3806

Переделка личного раздела в стиле subsilver2. Версия 2
  Версия для печати Пред. тема | След. тема 
Автор Сообщение
Не в сети
 (Андрей)  
 Переделка личного раздела в стиле subsilver2. Версия 2
Администратор
Аватара пользователя

Стаж: 8 лет 11 месяцев 29 дней
Сообщения: 1227
Откуда: здешние мы

Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя

Переделка личного раздела в стиле subsilver2. Версия 2

пришло в голову как можно сделать более простой вариант.
сейчас тестирую - если получится - напишу.

задача была убрать меню с дополнительной информацией слева и разместить его сверху, как настройки, но сделав минимум правок и добавив поменьше кода.

получилось так (меню "настройки" открывается при наведении мышки курсора на панель настроек) скан сделан на проверочном форуме со своим стилем:

Вложение:
Комментарий к файлу: главная страница входа в личный раздел
ucp_menu_2-1.png
ucp_menu_2-1.png [ 32.92 КБ | Просмотров: 3803 ] ucp_menu_2-1.png



Вложение:
Комментарий к файлу: открытие и внешний вид меню при наведении курсора
ucp_menu_2-2.png
ucp_menu_2-2.png [ 65.57 КБ | Просмотров: 3803 ] ucp_menu_2-2.png



система опять - чистый конструктор. можно легко "подогнать" внешний вид под свой стиль.

Итак, правки кода:

Открыть ucp_pm_viewfolder.html (перенос информации о цветной градации сообщений)

Найти

Код: Выделить всё

<div id="pagecontent">


Вставить после найденного

Код: Выделить всё

<!-- IF S_SHOW_COLOUR_LEGEND -->
   <table class="tablebg" width="100%" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="2">{L_MESSAGE_COLOURS}</th>
   </tr>
   <!-- BEGIN pm_colour_info -->
      <tr>
         <!-- IF not pm_colour_info.IMG -->
            <td class="row1 {pm_colour_info.CLASS}" width="5"><img src="images/spacer.gif" width="5" alt="{pm_colour_info.LANG}" /></td>
         <!-- ELSE -->
            <td class="row1" width="25" align="center">{pm_colour_info.IMG}</td>
         <!-- ENDIF -->
         <td class="row1"><span class="genmed">{pm_colour_info.LANG}</span></td>
      </tr>
   <!-- END pm_colour_info -->
   </table>

   <div style="padding: 2px;"></div>
<!-- ENDIF -->


Открыть ucp_zebra_friends.html (перенос информации о друзьях в сети/не в сети)

Найти

Код: Выделить всё

<!-- INCLUDE ucp_footer.html -->


Вставить перед найденным

Код: Выделить всё

<!-- IF S_ZEBRA_ENABLED and S_ZEBRA_FRIENDS_ENABLED -->
<div style="padding:2px;"></div>

   <table class="tablebg" width="100%" cellspacing="1">
   <tr>
      <th>{L_FRIENDS}</th>
   </tr>
   <tr>
      <td class="row1" align="center">
     
         <b class="genmed online">{L_FRIENDS_ONLINE}</b>

         <ul class="nav" style="margin: 0; padding: 0; list-style-type: none; line-height: 175%;">
         <!-- BEGIN friends_online -->
            <li>{friends_online.USERNAME_FULL}
            <!-- IF S_SHOW_PM_BOX -->
               &nbsp;[ <input class="post" style="font-size: 90%;" type="submit" name="add_to[{friends_online.USER_ID}]" value="{L_ADD}" /> ]
            <!-- ENDIF -->
            </li>
         <!-- BEGINELSE -->
            <li>{L_NO_FRIENDS_ONLINE}</li>
         <!-- END friends_online -->
         </ul>

         <hr />

         <b class="genmed offline">{L_FRIENDS_OFFLINE}</b>

         <ul class="nav" style="margin: 0; padding: 0; list-style-type: none; line-height: 175%;">
         <!-- BEGIN friends_offline -->
            <li>{friends_offline.USERNAME_FULL}
            <!-- IF S_SHOW_PM_BOX -->
               &nbsp;[ <input class="post" style="font-size: 90%;" type="submit" name="add_to[{friends_offline.USER_ID}]" value="{L_ADD}" /> ]
            <!-- ENDIF -->
            </li>
         <!-- BEGINELSE -->
            <li>{L_NO_FRIENDS_OFFLINE}</li>
         <!-- END friends_offline -->
         </ul>

      </td>
   </tr>
   </table>
<!-- ENDIF -->



Открыть ucp_zebra_foes.html (перенос информации о друзьях в сети/не в сети)

Найти

Код: Выделить всё

<!-- INCLUDE ucp_footer.html -->


Вставить перед найденным

Код: Выделить всё

<!-- IF S_ZEBRA_ENABLED and S_ZEBRA_FRIENDS_ENABLED -->
<div style="padding:2px;"></div>

   <table class="tablebg" width="100%" cellspacing="1">
   <tr>
      <th>{L_FRIENDS}</th>
   </tr>
   <tr>
      <td class="row1" align="center">
     
         <b class="genmed online">{L_FRIENDS_ONLINE}</b>

         <ul class="nav" style="margin: 0; padding: 0; list-style-type: none; line-height: 175%;">
         <!-- BEGIN friends_online -->
            <li>{friends_online.USERNAME_FULL}
            <!-- IF S_SHOW_PM_BOX -->
               &nbsp;[ <input class="post" style="font-size: 90%;" type="submit" name="add_to[{friends_online.USER_ID}]" value="{L_ADD}" /> ]
            <!-- ENDIF -->
            </li>
         <!-- BEGINELSE -->
            <li>{L_NO_FRIENDS_ONLINE}</li>
         <!-- END friends_online -->
         </ul>

         <hr />

         <b class="genmed offline">{L_FRIENDS_OFFLINE}</b>

         <ul class="nav" style="margin: 0; padding: 0; list-style-type: none; line-height: 175%;">
         <!-- BEGIN friends_offline -->
            <li>{friends_offline.USERNAME_FULL}
            <!-- IF S_SHOW_PM_BOX -->
               &nbsp;[ <input class="post" style="font-size: 90%;" type="submit" name="add_to[{friends_offline.USER_ID}]" value="{L_ADD}" /> ]
            <!-- ENDIF -->
            </li>
         <!-- BEGINELSE -->
            <li>{L_NO_FRIENDS_OFFLINE}</li>
         <!-- END friends_offline -->
         </ul>

      </td>
   </tr>
   </table>
<!-- ENDIF -->


Теперь редактируем основной файл - "шапку" личного раздела. Убираем всю левую колонку, переносим информацию выбора пользователя для "нового сообщения" и встраиваем новое меню.

здесь проще заменить весь файл, потому что правок удаления - больше 90%.
если у вас есть какая-то своя информация в этом файле - её надо будет просто перенести в новый.

(сохраните свой файл на компьютере, если сомневаетесь в том, есть там иная (нестандартная) информация или нет.)

Открыть ucp_header.html (последняя правка)

Удалить всё содержимое.

Прописать в файле следующий код:

Код: Выделить всё

<!-- INCLUDE overall_header.html -->

<style>
#menu_ucp {position:relative;left:-2px;right:0;margin:auto;width:99%;height:12px;background:#069;color:#fff;padding:4px}
#menu_ucp content {display:none;}
#menu_ucp:hover content {position:absolute;width:601px;height:180px;top:19px;left:0;right:0;margin:auto;display:block;background:#F0F3F4;padding:2px;border:1px solid #069;}
</style>

<!-- IF S_SHOW_PM_BOX and S_POST_ACTION -->
   <form action="{S_POST_ACTION}" method="post" name="postform"{S_FORM_ENCTYPE}>
<!-- ENDIF -->
<div id="menu_ucp"><center><span>{L_OPTIONS}</span></center>
<content>
<table>
    <tr>
           <td style="padding-left:50px;" valign="top">
        <span style="color:#000;">{L_UCP_MAIN}</span>
      <br />
      <a href="{ROOT_PATH}ucp.php?i=main&mode=front" class="menucp">{L_UCP_MAIN_FRONT}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=main&mode=subscribed" class="menucp">{L_UCP_MAIN_SUBSCRIBED}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=main&mode=bookmarks" class="menucp">{L_UCP_MAIN_BOOKMARKS}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=main&mode=drafts" class="menucp">{L_UCP_MAIN_DRAFTS}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=attachments&mode=attachments" class="menucp">{L_UCP_MAIN_ATTACHMENTS}</a><br>
      <br />
      <br />
      <span style="color:#000;">{L_UCP_PROFILE}</span>
      <br />
      <a href="{ROOT_PATH}ucp.php?i=profile&mode=profile_info" class="menucp">{L_UCP_PROFILE_PROFILE_INFO}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=profile&mode=signature" class="menucp">{L_UCP_PROFILE_SIGNATURE}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=profile&mode=avatar" class="menucp">{L_UCP_PROFILE_AVATAR}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=profile&mode=reg_details" class="menucp">{L_UCP_PROFILE_REG_DETAILS}</a><br>      
          </td>
         <td style="padding-left:50px;" valign="top">
      <span style="color:#000;">{L_UCP_PREFS}</span>
      <br />
      <a href="{ROOT_PATH}ucp.php?i=prefs&mode=personal" class="menucp">{L_UCP_PREFS_PERSONAL}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=prefs&mode=post" class="menucp">{L_UCP_PREFS_POST}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=prefs&mode=view" class="menucp">{L_UCP_PREFS_VIEW}</a><br>
      <br />
      <br />   
            <span style="color:#000;">{L_UCP_PM}</span>
      <br />
      <a href="{ROOT_PATH}ucp.php?i=pm&folder=inbox" class="menucp">{L_PM_INBOX}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=pm&folder=outbox" class="menucp">{L_PM_OUTBOX}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=pm&folder=sentbox" class="menucp">{L_PM_SENTBOX}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=pm&mode=compose" class="menucp">{L_UCP_PM_COMPOSE}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=pm&mode=drafts" class="menucp">{L_UCP_PM_DRAFTS}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=pm&mode=options" class="menucp">{L_UCP_PM_OPTIONS}</a><br>
          </td>
          <td style="padding-left:50px;" valign="top">
      <span style="color:#000;">{L_UCP_USERGROUPS}</span>
      <br />
      <a href="{ROOT_PATH}ucp.php?i=groups&mode=membership" class="menucp">{L_UCP_USERGROUPS_MEMBER}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=groups&mode=manage" class="menucp">{L_UCP_USERGROUPS_MANAGE}</a><br>
      <br />
      <br />
      <span style="color:#000;">{L_UCP_ZEBRA}</span>
      <br />
      <a href="{ROOT_PATH}ucp.php?i=zebra&mode=friends" class="menucp">{L_UCP_ZEBRA_FRIENDS}</a><br>
      <a href="{ROOT_PATH}ucp.php?i=zebra&mode=foes" class="menucp">{L_UCP_ZEBRA_FOES}</a><br>      
          </td>
   </tr>
</table>   
</content> 
</div>

<div style="padding: 2px;"></div>
   
<!-- IF not S_PRIVMSGS or S_SHOW_DRAFTS --><form name="ucp" id="ucp" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}><!-- ENDIF -->

<!-- IF S_SHOW_PM_BOX and S_POST_ACTION -->

   <table class="tablebg" width="100%" cellspacing="1">
   <tr>
      <th>{L_PM_TO}</th>
   </tr>
   <!-- IF not S_ALLOW_MASS_PM -->
   <tr>
      <td class="row1"><b class="genmed">{L_USERNAME}:</b><br />[ <a href="{U_FIND_USERNAME}" onclick="find_username(this.href); return false;">{L_FIND_USERNAME}</a> ]</td>
   </tr>
   
   <tr>
      <td class="row2"><input class="post" type="text" name="username_list" size="20" value="" />&nbsp;<input class="post" type="submit" name="add_to" value="{L_ADD}" /></td>
   </tr>
   <!-- ELSE -->
      <tr>
         <td class="row1"><b class="genmed">{L_USERNAMES}:</b></td>
      </tr>
      <tr>
         <td class="row2"><textarea name="username_list" rows="5" cols="100" tabindex="1"></textarea><br />
         </td>
      </tr>
   <!-- ENDIF -->
   <!-- IF S_GROUP_OPTIONS -->
      <tr>
         <td class="row1"><b class="genmed">{L_USERGROUPS}:</b></td>
      </tr>
      <tr>
         <td class="row2"><select name="group_list[]" multiple="multiple" size="5" style="width:150px">{S_GROUP_OPTIONS}</select></td>
      </tr>
   <!-- ENDIF -->
   <!-- IF S_ALLOW_MASS_PM -->
      <tr>
         <td class="row1">
                 <table width="100%" cellspacing="1">
                  <tr>
                      <td class="row1"><div style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<input class="post" type="submit" name="add_bcc" value="{L_ADD_BCC}" tabindex="1" />&nbsp;</div></td>
                     <td class="row1"><div style="text-align:center;">[ <a href="{U_FIND_USERNAME}" onclick="find_username(this.href); return false;">{L_FIND_USERNAME}</a> ]</div></td>
                     <td class="row1"><div style="float: {S_CONTENT_FLOW_END};">&nbsp;<input class="post" type="submit" name="add_to" value="{L_ADD_TO}" tabindex="1" />&nbsp;</div></td>
                  </tr>
               </table>
         </td>      
      </tr>
   <!-- ENDIF -->
   </table>
   <div style="padding: 2px;"></div>
<!-- ENDIF -->


Всё. теперь почистите кэш и всё готово. :)

Это:

Код: Выделить всё

#menu_ucp {position:relative;left:-2px;right:0;margin:auto;width:99%;height:12px;background:#069;color:#fff;padding:4px}
#menu_ucp content {display:none;}
#menu_ucp:hover content {position:absolute;width:601px;height:180px;top:19px;left:0;right:0;margin:auto;display:block;background:#F0F3F4;padding:2px;border:1px solid #069;}


оформление вашего нового меню. по умолчанию полоска закрытого меню почти на весь экран, а выпадающий блок имеет жёсткие размеры (width:601px).

Кому удобнее сравнивать файлы или просто заменить (в стандартном варианте) - можете скачать пак с 4 файлами шаблона, в которых проведены правки.

Скачать из файлового архива сайта

Успехов в "украшательстве форума". :-D
трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
ucp,phpbb 3.0.x,forum,личный раздел,вид
Показать сообщения за:  Поле сортировки  
Ответить на тему  Страница 1 из 1
  [ 1 сообщение ] 

Кто сейчас на сайте:
Всего посетителей: 0, из них зарегистрированных: 0, скрытых: 0 и гостей: 0 (основано на активности пользователей за последние 5 минут)
Больше всего посетителей (122) здесь было 19 дек 2023, 12:10

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

» »

Часовой пояс: UTC + 2 часа



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения
Вы не можете защищать свои темы паролем

Найти:
Перейти:  



cron

Текущее время: 21 сен 2024, 05:52

Создано на основе phpBB® Forum Software © phpBB Group
Яндекс.Метрика

Полная версия Мобильный вид