Перстройка окна редактора в узких скинах (2.1)

Перстройка окна редактора в узких скинах (2.1)

Очень часто при сужении скинов окно редактора ломает форму ответа в темах, и (в первую очередь) окно панели управления пользователя при создании личного сообщения.

В первом случае помогает простое уменьшение размеров этого окна в Админпанели - см. настройки тем, сообщений..

Во втором случае не помогает ничего. Нижняя планка кнопочного бара вылезает наружу из-за перегруженности иконками.

Решение. Иконки списков выносим на верхнюю планку

После уменьшения окна редактора личных сообщений примерно на 50 px откройте в html-шаблонах

skin_editors (Редактор сообщений) --> editor_std

Замените код этим:

 <script type="text/javascript">
//<![CDATA[
// INIT
var postformid;
var postfieldid;
var postformobj;
var postfieldobj;
var MessageMax		  = parseInt("{ipb.lang['the_max_length']}");
var Override			= "{ipb.lang['override']}";
// Easy prompts
var text_enter_url	  = "{ipb.lang['jscode_text_enter_url']}";
var text_enter_url_name = "{ipb.lang['jscode_text_enter_url_name']}";
var text_enter_image	= "{ipb.lang['jscode_text_enter_image']}";
var text_enter_email	= "{ipb.lang['jscode_text_enter_email']}";
var text_code		   = "{ipb.lang['jscode_text_code']}";
var text_quote		  = "{ipb.lang['jscode_text_quote']}";
var error_no_url		= "{ipb.lang['jscode_error_no_url']}";
var error_no_title	  = "{ipb.lang['jscode_error_no_title']}";
var error_no_email	  = "{ipb.lang['jscode_error_no_email']}";
var prompt_start		= "{ipb.lang['js_text_to_format']}";
var list_prompt		 = "{ipb.lang['js_tag_list']}";
// Validate Form text
var js_used			 = "{ipb.lang['js_used']}";
var js_max_length	   = "{ipb.lang['js_max_length']}";
var js_post			 = "{ipb.lang['js_post']}";
var js_no_message	   = "{ipb.lang['js_no_message']}";
var js_current		  = "{ipb.lang['js_current']}";
var js_characters	   = "{ipb.lang['js_characters']}";
var js_msg_no_title	 = "{ipb.lang['msg_no_title']}";
var js_remove_attach	= "{ipb.lang['remove_attach']}";
// Easy mode toggle
var js_bbeasy_on		= "{ipb.lang['js_bbeasy_on']}";
var js_bbeasy_off	   = "{ipb.lang['js_bbeasy_off']}";
var js_bbeasy_toggle	= "{ipb.lang['js_bbeasy_toggle']}";
var js_check_length	 = "{ipb.lang['js_check_length']}";
// Extra Lang Bits
var jsfile_error_lang   = "{ipb.lang['jsfile_error']}";
var jsfile_myweb_lang = "{ipb.lang['jsfile_mywebpage']}";
//]]>
</script>
<script type="text/javascript" src="jscripts/ipb_editor.js"></script>
<script type="text/javascript" src="jscripts/ipb_editor_std.js"></script>
<if="ipb.force_editor_change == 1">
<div class='borderwrap'>
<div class='row1' style='padding:4px'>{ipb.lang['js_forced_change']}</div>
</div>
</if>

 <!-- START NORMAL POST BUTTONS -->
 <div class="rteDiv" style="width:{$width}" align='left'>
<!-- Color palette -->
<iframe width="154" height="104" id="cp" src="{ipb.vars['img_url']}/folder_rte_files/palette.html" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; display: none; position: absolute;"></iframe>
<!-- /Color palette -->
  <!-- Row 1 -->
  <table class="rtebuttonbar1" cellpadding="2" cellspacing="0" id="Buttons1">
<tr>
<td width='1%' align='left' nowrap='nowrap'>
  <table cellpadding='0' cellspacing='0' width='100%'>
   <tr>
	<td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/rte_dots.gif" width="3" height="15" border="0" alt=""></td>
	<td><select name="ffont" class="codebuttons" onchange="alterfont(this.options[this.selectedIndex].value, 'font')">
			<option value='0'>{ipb.lang['box_font']}</option>
			<script type="text/javascript">document.write( write_fontface_box() );</script>
		</select></td>
	 <td><select name="fsize" class="codebuttons" onchange="alterfont(this.options[this.selectedIndex].value, 'size')">
			<option value='0'>{ipb.lang['box_size']}</option>
			<script type="text/javascript">document.write( write_fontsize_box() );</script>
		</select></td>
	 <!--SEP-->
	 <td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
	 <!--/SEP-->
	 <td><div id="do_indent"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/indent.gif" width="25" height="24" alt="{ipb.lang['js_tt_indent']}" title="{ipb.lang['js_tt_indent']}" onclick="simpletag('indent')"></div></td>
<!--SEP-->
	<td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
	<!--/SEP-->
	<td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/numbered_list.gif" width="25" height="24" alt="{ipb.lang['js_tt_list']}" title="{ipb.lang['js_tt_list']}" onClick="tag_list('ordered')"></div></td>
	<td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/list.gif" width="25" height="24" alt="{ipb.lang['js_tt_list']}" title="{ipb.lang['js_tt_list']}" onClick="tag_list('unordered')"></div></td>
	</tr>
	</table>
</td>
 <td width='98%'> </td>
 <td width='1%' nowrap='nowrap' align='right'>
  <table cellpadding='0' cellspacing='0' width='100%'>
   <tr>
	<td><div id="do_closeall"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/closeall.gif" width="25" height="24" alt="{ipb.lang['js_tt_closeall']}" title="{ipb.lang['js_tt_closeall']}" onclick="closeall()"></div></td>
   </tr>
  </table>
 </td>
</tr>
</table>
  <!-- /Row 1 -->
  <!-- Row 2 -->
  <table class="rtebuttonbar1" cellpadding="2" cellspacing="0" id="Buttons1">
<tr>
<td width='1%' align='left' nowrap='nowrap'>
  <table cellpadding='0' cellspacing='0' width='100%'>
   <tr>
	<td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/rte_dots.gif" width="3" height="15" border="0" alt=""></td>

	<td><div id="do_bold"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/bold.gif" width="25" height="24" alt="{ipb.lang['js_tt_bold']}" title="{ipb.lang['js_tt_bold']}" onclick="simpletag('b')"></div></td>
	<td><div id="do_italic"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/italic.gif" width="25" height="24" alt="{ipb.lang['js_tt_italic']}" title="{ipb.lang['js_tt_italic']}" onclick="simpletag('i')"></div></td>
	<td><div id="do_underline"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/underline.gif" width="25" height="24" alt="{ipb.lang['js_tt_underline']}" title="{ipb.lang['js_tt_underline']}" onclick="simpletag('u')"></div></td>
	<td><div id="do_strikethrough"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/strike.gif" width="25" height="24" alt="{ipb.lang['js_tt_strike']}" title="{ipb.lang['js_tt_strike']}" onclick="simpletag('s')"></div></td>
	<!--SEP-->
	<td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
	<!--/SEP-->
	<td><div id="forecolor"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/textcolor.gif" width="25" height="24" alt="{ipb.lang['js_tt_font_col']}" title="{ipb.lang['js_tt_font_col']}" onclick="popcolor('forecolor');"></div></td>
	<!--<td><div id="hilitecolor"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/bgcolor.gif" width="25" height="24" alt="{ipb.lang['js_tt_back_col']}" title="{ipb.lang['js_tt_back_col']}" onclick="popcolor('hilitecolor');"></div></td>-->
	<!--SEP-->
	<td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
	<!--/SEP-->
	<td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/hyperlink.gif" width="25" height="24" alt="{ipb.lang['js_tt_link']}" title="{ipb.lang['js_tt_link']}" onclick="tag_url()"></div></td>
	<td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/email.gif" width="25" height="24" alt="{ipb.lang['js_tt_email']}" title="{ipb.lang['js_tt_email']}" onclick="tag_email()"></div></td>
	<td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/image.gif" width="25" height="24" alt="{ipb.lang['js_tt_image']}" title="{ipb.lang['js_tt_image']}" onclick="tag_image()"></div></td>
	<!--SEP-->
	<td><img class="rteVertSep" src="{ipb.vars['img_url']}/folder_rte_images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
	<!--/SEP-->
	 <td><div id='do_quote'><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/quote.gif" width="21" height="21" alt="{ipb.lang['js_tt_quote']}" title="{ipb.lang['js_tt_quote']}" onclick="simpletag('quote')"></div></td>
	 <td><div id='do_code'><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/code.gif" width="21" height="21 alt="{ipb.lang['js_tt_code']}" title="{ipb.lang['js_tt_code']}" onclick="simpletag('code')"></div></td>
   </tr>
   </table>
</td>
 <td width='98%'> </td>
 <td width='1%' nowrap='nowrap' align='right'>
  <table cellpadding='0' cellspacing='0' width='100%'>
   <tr>
	<td><div id="do_justifyleft"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/left_just.gif" width="25" height="24" alt="{ipb.lang['js_tt_left']}" title="{ipb.lang['js_tt_left']}" onClick="simpletag('left')"></div></td>
	<td><div id="do_justifycenter"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/centre.gif" width="25" height="24" alt="{ipb.lang['js_tt_center']}" title="{ipb.lang['js_tt_center']}" onClick="simpletag('center')"></div></td>
	<td><div id="do_justifyright"><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/right_just.gif" width="25" height="24" alt="{ipb.lang['js_tt_right']}" title="{ipb.lang['js_tt_right']}" onClick="simpletag('right')"></div></td>

   </tr>
  </table>
 </td>
</tr>
</table>
  <!-- /Row 2 -->
  <!-- END NORMAL POST BUTTONS -->
</div>
 <textarea cols="80" rows="20" style='margin:0px;width:{$width}' id='postcontent' name="{$form_field}" tabindex="5" class="rteiframe">$text</textarea>
<div class="rteDiv" style="width:{$width}">
  <!-- Bottom Buttons -->
  <table cellpadding="0" cellspacing="0" style="padding:0px;margin:0px;" id='std-table-buttons' width="100%">
<tr>
 <td style="padding:0px;margin:0px;" align="left" width="1%" valign='top' nowrap="nowrap">
  <input type="button" value=" + " onclick='std_window_resize( 100  );' id="rtesizeplus"  class="rtebottombutton" />
  <input type="button" value=" - " onclick='std_window_resize( -100 );' id="rtesizeminus" class="rtebottombutton" />
</td>
 <td style="padding:0px;margin:0px;height:30px" align="right" valign='top' width="99%">
  <input type="button" value=" {ipb.lang['button_init']} " title='{ipb.lang['js_bbeasy_toggle']}' onclick='toggle_bbmode(); return false;' id="togglebbmode"  class="rtebottombutton" />
  <input type="button" value="{ipb.lang['js_check_length']}" title='{ipb.lang['js_check_length']}' onclick='check_length(); return false;' id="checklength"  class="rtebottombutton" />
 </td>
</tr>
</table>
<!-- / Bottom Buttons -->
 </div>
 <!-- Prep BBCode buttons & Editor -->
 <script type="text/javascript">
  init_editor();
  init_std_editor();
 </script>