Переделка личного раздела в стиле subsilver2. Версия 2пришло в голову как можно сделать более простой вариант.
сейчас тестирую - если получится - напишу.
задача была убрать меню с дополнительной информацией слева и разместить его сверху, как настройки, но сделав минимум правок и добавив поменьше кода.
получилось так (меню "настройки" открывается при наведении мышки курсора на панель настроек) скан сделан на проверочном форуме со своим стилем:
Вложение:
ucp_menu_2-1.png [ 32.92 КБ | Просмотров: 59 ]
ucp_menu_2-1.png
Вложение:
ucp_menu_2-2.png [ 65.57 КБ | Просмотров: 59 ]
ucp_menu_2-2.png
система опять - чистый конструктор. можно легко "подогнать" внешний вид под свой стиль.
Итак,
правки кода:
Открыть
ucp_pm_viewfolder.html (перенос информации о цветной градации сообщений)
Найти
Вставить после найденного
Код: Выделить всё
<!-- 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 (перенос информации о друзьях в сети/не в сети)
Найти
Вставить перед найденным
Код: Выделить всё
<!-- 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 -->
[ <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 -->
[ <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 (перенос информации о друзьях в сети/не в сети)
Найти
Вставить перед найденным
Код: Выделить всё
<!-- 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 -->
[ <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 -->
[ <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="" /> <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};"> <input class="post" type="submit" name="add_bcc" value="{L_ADD_BCC}" tabindex="1" /> </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};"> <input class="post" type="submit" name="add_to" value="{L_ADD_TO}" tabindex="1" /> </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
