Avoiding User Cp/pm Spillage With Narrow Skins - NBS






 

 

Avoiding User Cp/pm Spillage With Narrow Skins - NBS
PDA

View Full Version : Avoiding User Cp/pm Spillage With Narrow Skins

halfcut
15-Jan-2003, 02:51 PM
I posted this over on ibskins a while back but I thought it might be of some interest to the skinners over here. You may have noticed that if you make a fairly narrow skin certain areas of the user cp/posting PM sections are prone to horizontal stretching. Its quite annoying, anyway heres the fix as you can see it was written for RC1 but will still work with any version of 1.1 :D

These have been tested at a width of 720(has just seen the new admin cp skin for RC1 so forgive the funny names and stuff :blink:) go to manage skins & templates>manage html templates>edit the appropriate set>Messenger Sections>Msg List: End InBox and change the code from <tr>
Ü Ü Ü <td align='right' nowrap class='titlemedium' colspan='5'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü <input type='submit' name='move' value='{ibf.lang.move_button}' class='forminput'> $vdi_html {ibf.lang.move_or_delete} <input type='submit' name='delete' value='{ibf.lang.delete_button}' class='forminput'> {ibf.lang.selected_msg}
Ü Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</table>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</form>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<td class='row1 align='left' valign='middle' width='100%'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü<{M_READ}> {ibf.lang.icon_read}<br><{M_UNREAD}> {ibf.lang.icon_unread}
Ü Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<td class='row1' align='right' valign='middle' nowrap>$pages<br><i>$amount_info</i></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>

to <tr>
Ü Ü Ü <td align='right' nowrap class='titlemedium' colspan='5'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü <input type='submit' name='move' value='{ibf.lang.move_button}' class='forminput'> $vdi_html {ibf.lang.move_or_delete} <input type='submit' name='delete' value='{ibf.lang.delete_button}' class='forminput'> {ibf.lang.selected_msg}
Ü Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</table>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</form>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<td class='row1 align='left' valign='middle' width='100%'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü<{M_READ}> {ibf.lang.icon_read}<br><{M_UNREAD}> {ibf.lang.icon_unread}
Ü Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<td class='row1' align='left' valign='middle' nowrap>$pages<br><i>$amount_info</i></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>

As you can see the only bit I've altered is Ü Ü Ü Ü<td class='row1' align='left' valign='middle' nowrap>$pages<br><i>$amount_info</i></td> I just put it on a new row and aligned it left, but your inbox width is fixed.

For Compose New PM, to get the correct width is pretty straightforward, in Messenger Sections edit Send PM: BCC Box change it to <tr>
Ü Ü Ü Ü Ü Ü Ü Ü<td colspan='2' class='category'><b>{ibf.lang.carbon_copy_title}</b></td>
Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü<td class='row1' align='left' Üwidth='40%' valign='top'>{ibf.lang.carbon_copy_desc}</td>
Ü Ü Ü Ü Ü Ü Ü Ü<td class='row1' align='left' width='60%' valign='middle'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<table cellspacing='0' width='100%' cellpadding='4' border='0'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü <td align='left' valign='middle'><textarea name='carbon_copy' rows='5' cols='35'>$names</textarea></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü <td align='left' width='100%' valign='middle'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü<input type='button' class='forminput' name='findusers' onClick='find_users()' value='{ibf.lang.find_user_names}'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü </td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü </table>
Ü Ü Ü Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü</tr>

Then go to Post Screen Sections>PM: Code Buttons & msg Text area change it to <script language="javascript1.2">
<!--
var MessageMax Ü= "{ibf.lang.the_max_length}";
var Override Ü Ü= "{ibf.lang.override}";


function emo_pop()
{

Üwindow.open('index.{ibf.vars.php_ext}?act=legends &CODE=emoticons&s={ibf.session_id}','Legends','width=250,height=50 0,resizable=yes,scrollbars=yes');
Ü Ü
}
function CheckLength() {
MessageLength Ü= document.REPLIER.Post.value.length;
message Ü= "";
Üif (MessageMax !=0) {
Ü message = "{ibf.lang.js_post}:{ibf.lang.js_max_length} " + MessageMax + "{ibf.lang.js_characters}.";
Ü} else {
Ü message = "";
Ü}
Üalert(message + " Ü Ü {ibf.lang.js_used} " + MessageLength + "{ibf.lang.js_characters}.");
}

function ValidateForm(isMsg) {
ÜMessageLength Ü= document.REPLIER.Post.value.length;
Üerrors = "";
Ü
Üif (isMsg == 1)
Ü{
Ü if (document.REPLIER.msg_title.value.length < 2)
Ü {
Ü Üerrors = "{ibf.lang.msg_no_title}";
Ü }
Ü}

Üif (MessageLength < 2) {
Ü Üerrors = "{ibf.lang.js_no_message}";
Ü}
Üif (MessageMax !=0) {
Ü if (MessageLength > MessageMax) {
Ü Üerrors = "{ibf.lang.js_max_length} " + MessageMax + " {ibf.lang.js_characters}. {ibf.lang.js_current}: " + MessageLength;
Ü }
Ü}
Üif (errors != "" && Override == "") {
Ü alert(errors);
Ü return false;
Ü} else {
Ü document.REPLIER.submit.disabled = true;
Ü return true;
Ü}
}



// IBC Code stuff
var text_enter_url Ü Ü Ü= "{ibf.lang.jscode_text_enter_url}";
var text_enter_url_name = "{ibf.lang.jscode_text_enter_url_name}";
var text_enter_image Ü Ü= "{ibf.lang.jscode_text_enter_image}";
var text_enter_email Ü Ü= "{ibf.lang.jscode_text_enter_email}";
var text_enter_flash Ü Ü= "{ibf.lang.jscode_text_enter_flash}";
var text_code Ü Ü Ü Ü Ü = "{ibf.lang.jscode_text_code}";
var text_quote Ü Ü Ü Ü Ü= "{ibf.lang.jscode_text_quote}";
var error_no_url Ü Ü Ü Ü= "{ibf.lang.jscode_error_no_url}";
var error_no_title Ü Ü Ü= "{ibf.lang.jscode_error_no_title}";
var error_no_email Ü Ü Ü= "{ibf.lang.jscode_error_no_email}";
var error_no_width Ü Ü Ü= "{ibf.lang.jscode_error_no_width}";
var error_no_height Ü Ü = "{ibf.lang.jscode_error_no_height}";
var prompt_start Ü Ü Ü Ü= "{ibf.lang.js_text_to_format}";

var help_bold Ü Ü Ü Ü Ü = "{ibf.lang.hb_bold}";
var help_italic Ü Ü Ü Ü = "{ibf.lang.hb_italic}";
var help_under Ü Ü Ü Ü Ü= "{ibf.lang.hb_under}";
var help_font Ü Ü Ü Ü Ü = "{ibf.lang.hb_font}";
var help_size Ü Ü Ü Ü Ü = "{ibf.lang.hb_size}";
var help_color Ü Ü Ü Ü Ü= "{ibf.lang.hb_color}";
var help_close Ü Ü Ü Ü Ü= "{ibf.lang.hb_close}";
var help_url Ü Ü Ü Ü Ü Ü= "{ibf.lang.hb_url}";
var help_img Ü Ü Ü Ü Ü Ü= "{ibf.lang.hb_img}";
var help_email Ü Ü Ü Ü Ü= "{ibf.lang.hb_email}";
var help_quote Ü Ü Ü Ü Ü= "{ibf.lang.hb_quote}";
var help_list Ü Ü Ü Ü Ü = "{ibf.lang.hb_list}";
var help_code Ü Ü Ü Ü Ü = "{ibf.lang.hb_code}";
var help_click_close Ü Ü= "{ibf.lang.hb_click_close}";
var list_prompt Ü Ü Ü Ü = "{ibf.lang.js_tag_list}";


//-->
</script>
Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü<td class="postfoot" colspan="2">{ibf.lang.ib_code_buttons}</td>
Ü Ü Ü Ü</tr>
Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü<td class='row1'>
Ü Ü Ü Ü Ü <input type='radio' name='bbmode' value='ezmode' onClick='setmode(this.value)'> <b>{ibf.lang.bbcode_guided}</b><br>
Ü Ü Ü Ü Ü <input type='radio' name='bbmode' value='normal' onClick='setmode(this.value)' checked> <b>{ibf.lang.bbcode_normal}</b>
Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü Ü<script language='Javascript' src='html/ibfcode.js'></script>
Ü Ü Ü Ü Ü<td class='row1' width="100%" valign="top">
Ü <table cellpadding='2' cellspacing='2' width='100%' align='center'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td nowrap width='10%'>
Ü Ü Ü Ü <input type='button' accesskey='b' value=' B ' Ü Ü Ü onClick='simpletag("B")' class='codebuttons' name='B' style="font-weight:bold" onMouseOver="hstat('bold')">
Ü Ü Ü Ü <input type='button' accesskey='i' value=' I ' Ü Ü Ü onClick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onMouseOver="hstat('italic')">
Ü Ü Ü Ü <input type='button' accesskey='u' value=' U ' Ü Ü Ü onClick='simpletag("U")' class='codebuttons' name='U' style="text-decoration:underline" onMouseOver="hstat('under')">
Ü Ü Ü Ü
Ü Ü Ü Ü <select name='ffont' class='codebuttons' onchange="alterfont(this.options[this.selectedInde x].value, 'FONT')" ÜonMouseOver="hstat('font')">
Ü Ü Ü Ü <option value='0'>{ibf.lang.ct_font}</option>
Ü Ü Ü Ü <option value='Arial' style='font-family:Arial'>{ibf.lang.ct_arial}</option>
Ü Ü Ü Ü <option value='Times' style='font-family:Times'>{ibf.lang.ct_times}</option>
Ü Ü Ü Ü <option value='Courier' style='font-family:Courier'>{ibf.lang.ct_courier}</option>
Ü Ü Ü Ü <option value='Impact' style='font-family:Impact'>{ibf.lang.ct_impact}</option>
Ü Ü Ü Ü <option value='Geneva' style='font-family:Geneva'>{ibf.lang.ct_geneva}</option>
Ü Ü Ü Ü <option value='Optima' style='font-family:Optima'>Optima</option>
Ü Ü Ü Ü </select><select name='fsize' class='codebuttons' onchange="alterfont(this.options[this.selectedInde x].value, 'SIZE')" onMouseOver="hstat('size')">
Ü Ü Ü Ü <option value='0'>{ibf.lang.ct_size}</option>
Ü Ü Ü Ü <option value='1'>{ibf.lang.ct_sml}</option>
Ü Ü Ü Ü <option value='7'>{ibf.lang.ct_lrg}</option>
Ü Ü Ü Ü <option value='14'>{ibf.lang.ct_lest}</option>
Ü Ü Ü Ü </select><select name='fcolor' class='codebuttons' onchange="alterfont(this.options[this.selectedInde x].value, 'COLOR')" onMouseOver="hstat('color')">
Ü Ü Ü Ü <option value='0'>{ibf.lang.ct_color}</option>
Ü Ü Ü Ü <option value='blue' style='color:blue'>{ibf.lang.ct_blue}</option>
Ü Ü Ü Ü <option value='red' style='color:red'>{ibf.lang.ct_red}</option>
Ü Ü Ü Ü <option value='purple' style='color:purple'>{ibf.lang.ct_purple}</option>
Ü Ü Ü Ü <option value='orange' style='color:orange'>{ibf.lang.ct_orange}</option>
Ü Ü Ü Ü <option value='yellow' style='color:yellow'>{ibf.lang.ct_yellow}</option>
Ü Ü Ü Ü <option value='gray' style='color:gray'>{ibf.lang.ct_grey}</option>
Ü Ü Ü Ü <option value='green' style='color:green'>{ibf.lang.ct_green}</option>
Ü Ü Ü Ü </select>
Ü Ü Ü </td>
Ü Ü Ü </tr>
Ü Ü Ü <tr>
Ü Ü Ü Ü Ü<td align='left'>
Ü Ü Ü Ü <input type='button' accesskey='h' value=' http:// ' onClick='tag_url()' Ü Ü Ü Ü Ü Üclass='codebuttons' name='url' onMouseOver="hstat('url')">
Ü Ü Ü Ü <input type='button' accesskey='g' value=' IMG ' Ü Ü onClick='tag_image()' Ü Ü Ü Ü Üclass='codebuttons' name='img' onMouseOver="hstat('img')">
Ü Ü Ü Ü <input type='button' accesskey='e' value=' Ü@ Ü' Ü Ü onClick='tag_email()' Ü Ü Ü Ü Üclass='codebuttons' name='email' onMouseOver="hstat('email')">
Ü Ü Ü Ü <input type='button' accesskey='q' value=' QUOTE ' Ü onClick='simpletag("QUOTE")' Ü class='codebuttons' name='QUOTE' onMouseOver="hstat('quote')">
Ü Ü Ü Ü <input type='button' accesskey='p' value=' CODE ' Ü ÜonClick='simpletag("CODE")' Ü Üclass='codebuttons' name='CODE' onMouseOver="hstat('code')">
Ü Ü Ü Ü <input type='button' accesskey='l' value=' LIST ' Ü Ü onClick='tag_list()' Ü Ü Ü Ü Üclass='codebuttons' name="LIST" onMouseOver="hstat('list')">
Ü Ü Ü Ü <!--<input type='button' accesskey='l' value=' SQL ' Ü Ü onClick='simpletag("SQL")' Ü Ü class='codebuttons' name='SQL'>
Ü Ü Ü Ü <input type='button' accesskey='t' value=' HTML ' Ü ÜonClick='simpletag("HTML")' Ü Üclass='codebuttons' name='HTML'>-->
Ü<a href='javascript:closeall();' onMouseOver="hstat('close')">{ibf.lang.js_close_al l_tags}</a>

Ü Ü Ü </td>
Ü Ü Ü</tr>
Ü Ü Ü<tr>
Ü Ü Ü<!-- Help Box -->
Ü Ü Ü <td align='left' valign='middle'>
Ü Ü Ü {ibf.lang.hb_open_tags}: <input type='text' name='tagcount' size='3' maxlength='3' style='font-size:10px;font-family:verdana,arial;border:0px;font-weight:bold;' readonly class='row1' value="0"> Ü <input type='text' name='helpbox' size='50' maxlength='120' style='width:80%;font-size:10px;font-family:verdana,arial;border:0px' readonly class='row1' value="{ibf.lang.hb_start}">
Ü Ü Ü </td>
Ü Ü Ü</tr>
Ü Ü </table>
Ü Ü Ü Ü Ü</td>
Ü Ü Ü Ü</tr>
Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü<td class="postfoot" colspan="2">{ibf.lang.post}</td>
Ü Ü Ü Ü</tr>
Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü<td class='row1'>(<a href='javascript:CheckLength()'>{ibf.lang.check_le ngth}</a>)<br><br><!--SMILIE TABLE--><img src="{ibf.vars.img_url}/spacer.gif" alt="" width="180" height="1"></td>
Ü Ü Ü Ü Ü<td class='row1' width="100%" valign="top"><textarea cols='60' style='width:95%' rows='15' wrap='soft' name='Post' tabindex='3' class='textinput'>$data</textarea><table width="100%" border="0" cellspacing="0" cellpadding="0">
Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü<td><input type='checkbox' name='enableemo' value='yes' checked></td>
Ü Ü Ü Ü Ü Ü Ü Ü<td width="100%">{ibf.lang.enable_emo}</td>
Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü<!--IBF.SIG_CLICK-->
Ü Ü Ü Ü Ü Ü Ü<tr>
Ü Ü Ü Ü Ü Ü Ü Ü<td><input type='checkbox' name='enablesig' value='yes' checked></td>
Ü Ü Ü Ü Ü Ü Ü Ü<td width="100%">{ibf.lang.enable_sig}</td>
Ü Ü Ü Ü Ü Ü Ü</tr>
Ü Ü Ü Ü Ü Ü Ü<!--IBF.END_SIG_CLICK-->
Ü Ü Ü Ü Ü Ü</table></td>
Ü Ü Ü Ü</tr>

And your compose new PM screen is fixed, note all I did was move Ü<a href='javascript:closeall();' onMouseOver="hstat('close')">{ibf.lang.js_close_al l_tags}</a> out of the way

To fix edit signature page, go to User Control Panel Section>Signature Edit / Preview and look for <input type='text' name='helpbox' size='50' maxlength='120' style='width:450px;font-size:10px;font-family:verdana,arial;border:0px;font-weight:bold;' readonly class='row1' value="{ibf.lang.hb_start}"> knock the width down by say a 100 pixels eg <input type='text' name='helpbox' size='50' maxlength='120' style='width:350px;font-size:10px;font-family:verdana,arial;border:0px;font-weight:bold;' readonly class='row1' value="{ibf.lang.hb_start}">

To fix Subscriptions>View topics go to User Control Panel Section>Topic Subscriptions: Header and change it to <!-- inbox folder -->
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü <script language='JavaScript'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü <!--
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü function CheckAll(cb) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü var fmobj = document.mutliact;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü for (var i=0;i<fmobj.elements.length;i++) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü var e = fmobj.elements[i];
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü if ((e.name != 'allbox') && (e.type=='checkbox') && (!e.disabled)) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü e.checked = fmobj.allbox.checked;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü function CheckCheckAll(cb) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü var fmobj = document.mutliact;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü var TotalBoxes = 0;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü var TotalOn = 0;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü for (var i=0;i<fmobj.elements.length;i++) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü var e = fmobj.elements[i];
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü if ((e.name != 'allbox') && (e.type=='checkbox')) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü TotalBoxes++;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü if (e.checked) {
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü TotalOn++;
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü if (TotalBoxes==TotalOn) {fmobj.allbox.checked=true;}
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü else {fmobj.allbox.checked=false;}
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü }
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü //-->
Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü </script><table cellpadding='4' cellspacing='1' align='center' width='100%'>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td align='left' nowrap class='pagetitle'>{ibf.lang.subs_header}</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td> Ü Ü Ü <form action="{ibf.vars.board_url}/index.{ibf.vars.php_ext}" name='mutliact' method="post">
Ü Ü Ü <input type='hidden' name='act' value='UserCP'>
Ü Ü Ü <input type='hidden' name='CODE' value='27'>
Ü Ü Ü <input type='hidden' name='s' Ü Üvalue='{ibf.session_id}'>
Ü Ü Ü Ü Ü Ü Ü Ü </td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü <td valign='top'>
Ü Ü Ü Ü Ü Ü Ü Ü <table cellpadding='4' cellspacing='1' align='center' width='100%' bgcolor='<{tbl_border}>'>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='titlemedium' align='left' width='5%'>Ü</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='titlemedium' align='left' width='*'>{ibf.lang.subs_topic}</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='titlemedium' align='center' width='5%'>{ibf.lang.subs_replies}</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='titlemedium' align='center' width='5%'>{ibf.lang.subs_view}</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='titlemedium' align='left' width='20%'>{ibf.lang.subs_last_post}</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td align='center' width='5%' class='titlemedium'><input name="allbox" type="checkbox" value="Check All" onClick="CheckAll();"></td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>

Then go to Topic Subscriptions: End in the same section and change it to <tr>
<td align='center' class='titlemedium' valign='middle' colspan='6'><input type='submit' class='forminput' value='{ibf.lang.subs_delete}'>ÜÜ{ibf.lang.with_se lected}</td>
</tr>
</form>
<tr>
<td class='row1' nowrap colspan='6'><i>$text</i></td>
</tr>
<tr>
<td class='row1' valign='middle' colspan='6'>
Ü<form action='{ibf.script_url}&act=UserCP&CODE=26' method='post'>
Ü{ibf.lang.show_topics_from}<br><select class='forminput' name='datecut'>$days</select>
Ü<input type='submit' class='forminput' value='{ibf.lang.jmp_go}'>
Ü</form>
</td>
</tr>
</table>


That should fix that section, Subscriptions> View Forums should be fine as is.

So that should just leave Board Settings which isn't much fun at all :ph34r: and as by this time I was starting to lose interest, I fiddled it :D

I changed User Control Panel Section>Board Settings End to <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td colspan='2' class='category'><b>{ibf.lang.settings_display}</b></td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>View members signatures when reading threads?</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'>{$data[SIG]}</td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>View images in posts, such as smilies and posted images?</td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'>{$data[IMG]}</td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>View members avatars when reading threads?</b></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'>{$data[AVA]}</td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>Pop up notification when you get a new private message?</b></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'>{$data[POP]}</td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>Do you wish to hide your session id in the links?</b></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'>{$data[SESS]}</td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>{ibf.lang.pp_number_posts}</b></td> Ü Ü Ü Ü Ü Ü Ü Ü Ü
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'><select name='postpage' class='forminput'>{$data['PPS']}</select></td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' nowrap><b>{ibf.lang.pp_number_topics}</b></td>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row1' width='70%' align='left'><select name='topicpage' class='forminput'>{$data['TPS']}</select></td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>
Ü Ü Ü Ü Ü Ü Ü Ü <tr>
Ü Ü Ü Ü Ü Ü Ü Ü Ü <td class='row2' colspan='2' align='center'><input type='submit' name='submit' value='{ibf.lang.settings_submit}' class='forminput'></form></td>
Ü Ü Ü Ü Ü Ü Ü Ü </tr>

These changes should really be made to the correct language files, and this is an extremely dodgy way of doing it, but what the hell :D

Everything should now be the correct width.
The_Altered1
15-Jan-2003, 11:35 PM
I agree, I have noticed that alot when editing certain templates. It seems that whenever FORM elements are used.......things get screwy. :woot:

Good post
halfcut
16-Jan-2003, 12:12 AM
yeah its a peculiar problem to say the least and should be easily avoidable, its just one of the areas on the default skin which strike me as being unfinished.

I also did a fix which involved a dhtml drop down instead of the left menu which also solved the problem, I'll try and dig it out
Topgunn9
16-Jan-2003, 12:28 AM
I have had quite a few problems when I came to edit the Invision templates :(
For example on the calender (http://www.ibfskinned.co.uk/index.php?act=calendar) page at the bottom where it says: "Post New Event". That little bit of text caused me alot of misery... It has NO CSS style as far as I can tell. Once I worked that out I assigned it one in the AdminCP :)
The Members List (http://www.ibfskinned.co.uk/index.php?act=Members) has a blue title bar but NO title. The line above Name/Level/Group etc. should say "Member List" but it doesn't :angry:
I am seriously considering making a template with a heap of fixes to things like that. I have no idea when it will be done.

The above tutorial is great halfcut. Another problem I get with narrow forums is things being wide so they flow to another line. Especially where the PM/Email/AIM/ICQ/MSN buttons are after each post. I found a great solution is to take the code for PM and Email and stick it underneath the avatar :woot:

Enough for now... I should get back to studying -_-

LLOYD
IBFskinned Mod
SpinnaWeb
Topgunn9
28-Jan-2003, 04:30 AM
The same problem occurs in the search area :wacko:
Any help?

LLOYD
SpinnaWeb
The_Altered1
28-Jan-2003, 04:54 AM
yeah, kill the nowrap :D
WxChat
30-Jan-2003, 12:39 AM
Adam your Tutes are amazing M8!

Aaron