No Thread Strech

  -----  
Author Message

traxx!
Member
Sat Jan 14, 2006 2:11 pm   Post subject: No Thread Strech
Mod no_thread_stretch

I've installed this 14 times allready..
It really doesn't work for me.
Don't know what I'm doing wrong I hope sb can help..

I've added the mod + the modded files
btw I have uploaded all files (*.css & *.js & *.hl)

Code:

*.css to templates/Avalanche/*.css
no_thread_stretch.js to no_thread_stretch.js

#
#-----[ OPEN ]------------------------------------------
#
templates/Avalanche/overall_header.tpl

#
#-----[ FIND ]------------------------------------------
#
<script language="Javascript" type="text/javascript">
<!--

#
#-----[ AFTER, ADD ]------------------------------------------
#
# When installing on other templates, change the Avalanche here to match the
# template's name.
#
   /* Next line added by No Thread Stretch */
   var template_path = 'templates/Avalanche';

#
#-----[ FIND ]------------------------------------------
#
</head>

#
#-----[ BEFORE, ADD ]------------------------------------------
#
<!-- Next Line Added by No Thread Stretch -->
<script language="JavaScript" type="text/javascript" src="no_thread_stretch.js"></script>


#
#-----[ OPEN ]------------------------------------------
#
templates/Avalanche/viewtopic_body.tpl

#
#-----[ FIND ]------------------------------------------
#
            <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>

#
#-----[ IN-LINE FIND ]------------------------------------------
#
width="100%"

#
#-----[ IN-LINE REPLACE WITH ]------------------------------------------
#
width="70%"

#
#-----[ IN-LINE FIND ]------------------------------------------
#
 valign="top"

#
#-----[ IN-LINE BEFORE, ADD ]------------------------------------------
#
 align="right"


#
#-----[ FIND ]------------------------------------------
#
            <td colspan="2"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>

#
#-----[ IN-LINE FIND ]------------------------------------------
#
<span class="postbody">

#
#-----[ IN-LINE BEFORE, ADD ]------------------------------------------
#
<div class="postoverflow">

#
#-----[ IN-LINE FIND ]------------------------------------------
#
{postrow.EDITED_MESSAGE}</span>

#
#-----[ IN-LINE AFTER, ADD ]------------------------------------------
#
</div>

#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# End


Overall header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
   {META}
   {NAV_LINKS}
   <title>{SITENAME} :: {PAGE_TITLE}</title>
   <link rel="stylesheet" href="templates/Avalanche/Avalanche.css" type="text/css" />

   <!-- BEGIN switch_enable_pm_popup -->
   <script language="Javascript" type="text/javascript">
   <!--
   /* Next line added by No Thread Stretch */
   var template_path = 'templates/Avalanche';
      if ( {PRIVATE_MESSAGE_NEW_FLAG} )
      {
         window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      }
   //-->
   </script>
   <!-- END switch_enable_pm_popup -->
<!-- Next Line Added by No Thread Stretch -->
<script language="JavaScript" type="text/javascript" src="no_thread_stretch.js"></script>

</head>
<body>

<a name="top"></a>
<table class="bodyline" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td class="back_1_1">&nbsp;</td>
      <td class="back_1_2">&nbsp;</td>
      <td colspan="3" class="back_1_3">&nbsp;</td>
      <td class="back_1_6">&nbsp;</td>
      <td class="back_1_7">&nbsp;</td>
   </tr>
</table>
<table class="bodyline" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td class="back_2_1">&nbsp;</td>
      <td class="back_2_2"><div class="maintitle"></div><div class="nav" style="font-size: 11px;"></div></td>
      <td class="back_2_4">&nbsp;</td>
      <td class="back_2_5" align="right" valign="top">
         <div>
         <form action="search.php?mode=results" method="post">
         <input class="post" type="text" name="search_keywords" size="20" onfocus="this.value=''" value="Quick Search" />
         <input class="button" name="submit" type="submit" value="Go" />
         </form>
         </div>
         <div><span class="gensmall"><a href="{U_SEARCH}">Advanced Search</a></span></div>
      </td>
      <td class="back_2_6">&nbsp;</td>
      <td class="back_2_7">&nbsp;</td>
   </tr>
</table>
<table class="bodyline" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td class="back_3_1">&nbsp;</td>
      <td class="back_3_2" colspan="5">
      
         <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
               <td class="tab_space_1"></td>
               <td class="active_button"><a href="{U_INDEX}" style="color: #f3a625;" class="tab">Home</a></td>
               <!-- BEGIN switch_user_logged_out -->
               <td class="active_button"><a href="{U_REGISTER}" class="tab">{L_REGISTER}</a></td>
               <td class="active_button"><a href="{U_FAQ}" class="tab">{L_FAQ}</a></td>
               <td class="active_button"><a href="{U_MEMBERLIST}" class="tab">{L_MEMBERLIST}</a></td>
               <td class="active_button"><a href="{U_GROUP_CP}" class="tab">{L_USERGROUPS}</a></td>
               <!-- END switch_user_logged_out -->
               <!-- BEGIN switch_user_logged_in -->
               <td class="active_button"><a href="{U_MEMBERLIST}" class="tab">{L_MEMBERLIST}</a></td>
               <td class="active_button"><a href="{U_GROUP_CP}" class="tab">{L_USERGROUPS}</a></td>
               <td class="active_button"><a href="{U_PROFILE}" class="tab">{L_PROFILE}</a></td>
               <td class="active_button"><a href="faq.php">Rules</a></td>
               <!-- END switch_user_logged_in -->
               <td class="tab_space_2">&nbsp;</td>
            </tr>
         </table>
         <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
               <td class="link_back_1">&nbsp;</td>
               <td class="link_back_2"><a href="{U_PRIVATEMSGS}" class="gensmall"><b>{PRIVATE_MESSAGE_INFO}</b></a></td>
               <td class="link_back_2" align="right">
                  <a href="{U_LOGIN_LOGOUT}" class="gensmall"><b>{L_LOGIN_LOGOUT}</b></a>
               </td>
               <td class="link_back_3">&nbsp;</td>
            </tr>
         </table>
         <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
               <td><span style="font-size: 4px;">&nbsp;</span></td>
               <td class="link_back_5"><span style="font-size: 4px;">&nbsp;</span></td>
            </tr>
         </table>
      
      </td>
      <td class="back_3_7">&nbsp;</td>
   </tr>
</table>
<table class="bodyline" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td class="back_4_1"></td>
      <td class="back_4_2" colspan="5">
      <br />



viewtopic_body.tpl

Code:

<table width="100%" cellpadding="0" cellspacing="0">
   <tr>
      <th class="thLeft"><img src="templates/Avalanche/images/thLeft.gif" width="30"/></th>
      <th width="100%"><a href="{U_INDEX}" class="thCenter">{L_INDEX}</a>
         <img src="templates/Avalanche/images/icon_newest_reply.gif" alt="" />
         <a href="{U_VIEW_FORUM}" class="thCenter">{FORUM_NAME}</a> <img src="templates/Avalanche/images/icon_newest_reply.gif" alt="" /> {TOPIC_TITLE}</th>
      <th class="thRight"><img src="templates/Avalanche/images/thRight.gif" width="30"/></th>
   </tr>
</table>
<table width="100%" class="forumline" cellspacing="0" cellpadding="5" border="0" align="center">
   <tr>
      <td class="cat"><div style="padding: 3px;">
         <img src="templates/Avalanche/images/icon_latest_reply.gif" /> <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a></div>
      </td>
      <form method="post" action="{S_POST_DAYS_ACTION}">
      <td align="right" class="cat">
         <span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span>
      </td>
      </form>
   </tr>
</table>
<table width="100%" cellspacing="0" border="0" cellpadding="0">
   <tr>
      <td class="left_bottom"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom3"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom2"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom" align="center">
         <span class="gensmall">{S_TIMEZONE}</span>
      </td>
      <td class="right_bottom"><span class="gensmall">&nbsp;</span></td>
   </tr>
</table>


<table width="100%" cellspacing="0" border="0" cellpadding="0">
   <tr>
      <td align="left"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></td>
      <td align="right"><span class="nav">{PAGINATION}</span></td>
   </tr>
</table>

{POLL_DISPLAY}
<!-- BEGIN postrow -->
<br clear="all" />
<table width="100%" cellpadding="0" cellspacing="0">
   <tr>
      <th class="thLeft"><img src="templates/Avalanche/images/thLeft_quote.gif" width="30"/></th>
      <th>{postrow.POST_DATE}</th>
      <th class="thRight"><img src="templates/Avalanche/images/thRight.gif" width="30"/></th>
   </tr>
</table>
<table class="forumline" width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
      <td class="cat" width="150" nowrap="nowrap"><a href="{postrow.U_MINI_POST}"><img src="templates/Avalanche/images/arrow_down.gif" alt="" border="0" /></a> {L_AUTHOR}</td>
      <td class="cat" nowrap="nowrap">{L_MESSAGE}</td>
   </tr>
   <tr>
      <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b><a href="javascript:emoticon('[b]{postrow.POSTER_NAME}[/b], ')">{postrow.POSTER_NAME}</a></b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br /><font size=1>Points: {postrow.POSTER_KARMA}<br /><a href="karma.php?x=applaud&u={postrow.POSTER_ID}&t={TOPIC_ID}"><img src="templates/Getaway/images/plus.gif" border="0" /></a>  /  <a href="karma.php?x=smite&u={postrow.POSTER_ID}&t={TOPIC_ID}"><img src="templates/Getaway/images/min.gif" border="0" /></a></font><br />{postrow.POSTER_FROM}</span><br /></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="70%">{postrow.LOCK_IMG}<span class="postdetails"><b>{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</b></span></td>
            <td valign="top" align="right" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="2"><hr /></td>
         </tr>
         <tr>
            <td colspan="2"><div class="postoverflow"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></div></td>
         </tr>
      </table></td>
   </tr>
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle">&nbsp;</td>
      <td class="{postrow.ROW_CLASS}" width="100%" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" width="18">
         <tr>
            <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

   if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
      document.write(' {postrow.ICQ_IMG}');
   else
      document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
            
            //--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
         </tr>
      </table></td>
   </tr>
   <tr>
      <td colspan="2" class="row2"></td>
   </tr>
</table>
<table width="100%" cellspacing="0" border="0" cellpadding="0">
   <tr>
      <td class="left_bottom"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom3"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom2"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom" align="center">
         <span class="gensmall"><a href="#top" class="gensmall">Back To Top</a></span>
      </td>
      <td class="right_bottom"><span class="gensmall">&nbsp;</span></td>
   </tr>
</table>
<!-- END postrow -->
   <tr align="center">
      <td class="row1" colspan="2" >
      {QUICKREPLY_OUTPUT}
      </td>
   </tr>


<table width="100%" cellspacing="0" border="0" cellpadding="0">
   <tr>
      <td align="left"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></td>
      <td align="right"><span class="nav">{PAGINATION}</span></td>
   </tr>
</table>

<br />
<table width="100%" cellpadding="0" cellspacing="0">
   <tr>
      <th class="thLeft"><img src="templates/Avalanche/images/thLeft.gif" width="30"/></th>
      <th>&nbsp;</th>
      <th class="thRight"><img src="templates/Avalanche/images/thRight.gif" width="30"/></th>
   </tr>
</table>
<table width="100%" cellpadding="5" cellspacing="0" border="0">
   <tr>
      <td class="cat" valign="top" nowrap="nowrap"><span class="gensmall">{S_AUTH_LIST}</span></td>
      <td class="cat" width="50%" valign="top" nowrap="nowrap" align="left">
         <span class="gensmall">{S_WATCH_TOPIC}</span><br /><br />{S_TOPIC_ADMIN}
      </td>
   </tr>
</table>
<table width="100%" cellspacing="0" border="0" cellpadding="0">
   <tr>
      <td class="left_bottom"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom3"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom2"><span class="gensmall">&nbsp;</span></td>
      <td class="middle_bottom" align="center">
         <span class="gensmall"><a href="#top" class="gensmall">Back To Top</a></span>
      </td>
      <td class="right_bottom"><span class="gensmall">&nbsp;</span></td>
   </tr>
</table>

<br clear="all" />
<table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
   <tr>
      <td align="left" valign="top"><span class="nav">{PAGE_NUMBER}<br />{PAGINATION}</span></td>
      <td align="right" valign="top">{JUMPBOX}</td>
   </tr>
</table>



And: it's not the path of the .js file, because I have used a http://www.myforum****.js
and also this one, and another time the path /forums/*.js

Hope this is enough info?
thanks.
Hope you can help my because I get lot of complaints of forum members,
but I want to keep my style..
And your mod is perfect for it.
If you could make it work, I would be so happy.
Thank you. greetz
 

Thoul
Administrator
Sun Jan 15, 2006 3:21 am   Post subject: re: No Thread Strech
You may have to adjust the width numbers in the .css files a little bit. Sometimes this is needed for certain templates, and yours may be one of them. It looks like you have all the code changes correct.
 

traxx!
Member
Sun Jan 15, 2006 6:32 am   Post subject: re: No Thread Strech
Yes change, but in what?

overflow800.css

Code:

.postoverflow
{
   width: 570px;
   overflow: auto;
}



overflow1024.css

Code:

.postoverflow
{
   width: 790px;
   overflow: auto;
}


overflow1152.css

Code:

.postoverflow
{
   width: 920px;
   overflow: auto;
}


overflow1280.css

Code:

.postoverflow
{
   width: 1050px;
   overflow: auto;
}


overflow1360.css

Code:

.postoverflow
{
   width: 1130px;
   overflow: auto;
}


overflow1600.css

Code:

.postoverflow
{
   width: 1370px;
   overflow: auto;
}


these are the css files.
can you tell me what I have to change?
 

Thoul
Administrator
Sun Jan 15, 2006 3:59 pm   Post subject: re: No Thread Strech
You'll have to change the width settings, perhaps in all of those files. You'll have to experiment with it and see what works and what doesn't. I can't give you specific numbers as I've never used this particular template.
 

LifeBlade
Member
Thu Nov 23, 2006 8:18 pm   Post subject:
hi,

Is it possible to remove the vertical scroll bar that pops up as well?

Also.. could you make this work with the merge mod as well?
As right now.. If i installed both the merge and the no stretch mod.. the Merge mod will cancel out and .. well.. won't merge double posts..

Thanks in Advance!
 

Thoul
Administrator
Sat Nov 25, 2006 7:16 am   Post subject: re: No Thread Strech
Unfortunately the vertical scrollbar can't be removed without breaking the display of the post in some browsers.

I'm not planning any further development on No Thread Stretch. The approaches used in it didn't mesh very well with templates other than subSilver, and it's just not practical to continue with that in my opinion.
 

Dex Luther
Member
Tue Feb 27, 2007 3:19 pm   Post subject: Re: No Thread Strech
It's a mod based on a good idea. A feature like this would be great, but unfortunately it doesn't seem to want to work with non subsilver/redice styles. Sad
 

Thoul
Administrator
Tue Feb 27, 2007 7:27 pm   Post subject: Re: No Thread Strech
Yeah. It worked great in subSilver and anything close to it, but it breaks in nearly every custom built template. Sad The way it works differently in so many browsers turned out disappointing, too.

I always liked the idea, but the browser technology just doesn't work very well with it yet. Crying or Very sad
 

Dex Luther
Member
Tue Feb 27, 2007 11:39 pm   Post subject: Re: No Thread Strech

Thoul wrote:

Yeah. It worked great in subSilver and anything close to it, but it breaks in nearly every custom built template. Sad The way it works differently in so many browsers turned out disappointing, too.

I always liked the idea, but the browser technology just doesn't work very well with it yet. Crying or Very sad


Yeah I'm kinda depressed that Firefox doesn't support the text effect in the effects shop. I read an article on their site somewhere that they aren't planning on adding it either.

Fortunately Firefox is opensourced which means that add-ons are available to get it to do pretty much everything you can think of, but I haven't found any add-ons that addresses text effect support (do you know of any?).
 

Thoul
Administrator
Wed Feb 28, 2007 2:44 pm   Post subject: Re: No Thread Strech
I don't know of any, sorry. The glow and shadow used in IE are proprietary Microsoft features, so I doubt there will ever be exact duplicates in any other browser.

Firefox may get a different form of shadow support someday. There's a CSS thing called text-shadow, but I don't think anyone uses it yet.
 

Page 1 of 1
Display posts from previous: