Bottom Aligned Signature

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Share: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
#1   Bottom Aligned Signature
Hengis
CZ Newbie
Hengis has been a member for over 20 year's 20 Year Member
Website:
Status: Offline
Joined: Aug 29, 2004
0.00 posts per day
Posts: 24
Points: 1,540
   
Hey guys,

could someone please cast an eye over these two files and tell me why my signatures don't stay at the bottom of the post...I mean they are sometimes half way up the post !!



Any help would be really appreciated !

Thanks



Attached Files
Files.rar (17.48 KB, Downloaded: 5241 Time(s))



_________________
[ Register or login to view links on this board.]
Back to top Reply with quote
#2   re: Bottom Aligned Signature
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 59
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.48 posts per day
Posts: 3765
Points: 351,412
   
It's because the cell holding your user data on the left is rowspanning all of the cells on the right, including the bottom-aligned signature mod you put in.

In your viewtopic_body.tpl file, find <!-- BEGIN postrow --> and <!-- END postrow -->. Replace all the code between them with the following:
<tr>
<td valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}" id="{postrow.U_POST_ID}"></a><strong>{postrow.POSTER_NAME}</strong></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 />
{postrow.POSTER_FROM}<br />{postrow.CASH}<br />{postrow.L_USER_GROUP}{postrow.L_NO_USER_GROUP}: {postrow.SHOW_USERGROUPS}{postrow.L_NO_USERGROUPS}<br />{postrow.POSTER_FROM_FLAG}
<img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="150" height="1" />
</td>
<td class="{postrow.ROW_CLASS}" valign="top">
      <table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor=red>
      <tr>
      <td class="postdetails"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" /></a>{L_POSTED}:
      {postrow.POST_DATE}</td>
      <td align="right" valign="top" nowrap="nowrap">{postrow.POSTER_STATUS}{postrow.QUOTE_IMG}{postrow.EDIT_IMG}<a href="#top"><img src="themes/fisubsilversh/forums/images/icon_up.gif" alt="{L_BACK_TO_TOP}" width="16" height="18" title="{L_BACK_TO_TOP}" class="imgfade" onmouseover="this.className='imgfull'" onmouseout="this.className='imgfade'" /></a>{postrow.DELETE_IMG}{postrow.IP_IMG}</td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td colspan="3"><hr /></td>
      </tr>
      <tr>
      <td valign="top" colspan="2"><span class="postbody">{postrow.MESSAGE}</span></td>
      <td><img src="templates/subSilver/images/spacer.gif" width="1" height="50"></td>
      </tr>
      <tr>
      <td valign="bottom" colspan="3"><span class="postbody"></span></td>
      <!-- Start add - Bottom aligned signature MOD -->
      </tr>
      </table>
</td>
</tr>
<tr>
<td rowspan=2>&nbsp;</td>
<td colspan="2"><SPAN CLASS="postbody"></span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</SPAN><SPAN CLASS="gensmall">{postrow.EDITED_MESSAGE}</SPAN></td>
</tr>
<tr>
<td valign="bottom" nowrap="nowrap" class="{postrow.ROW_CLASS}">{postrow.PROFILE_IMG}{postrow.PM_IMG}{postrow.EMAIL_IMG}{postrow.WWW_IMG}{postrow.AIM_IMG}{postrow.YIM_IMG}{postrow.MSN_IMG}{postrow.ICQ_IMG}</td>
</tr>
<tr>
<td class="spacerow" colspan="2" height="1"><img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>


That should fix it. Remember: MAKE A BACKUP OF THE FILE BEFORE YOU MAKE ANY ALTERATIONS!!!!!


Back to top Reply with quote
#3   re: Bottom Aligned Signature
Hengis
CZ Newbie
Hengis has been a member for over 20 year's 20 Year Member
Website:
Status: Offline
Joined: Aug 29, 2004
0.00 posts per day
Posts: 24
Points: 1,540
   
Thank you for your quick response.

I allpied the code change and this happened...I am sure that you will know why icon_biggrin.gif




pchf.JPG
 Description:
N/A
 Filesize:  133.83 KB
 Viewed:  13288 Time(s)

pchf.JPG





_________________
[ Register or login to view links on this board.]
Back to top Reply with quote
#4   re: Bottom Aligned Signature
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 59
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.48 posts per day
Posts: 3765
Points: 351,412
   
icon_redface.gif Yep. I'm sorry. I forgot to remove the border I used when testing it. Find this tag:
<table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor=red>. Reset the border to 1 and take out the bordercolor=red.

Also, I notice from your picture, that the non-breaking spaces were removed when I posted the new code. In this cell, <td> ;;</td> , the ;; should be "&nbsp;&nbsp;" without the quotation marks.

Also, you need to add a class to the new cells we created so that they match the rest. Add class="{postrow.ROW_CLASS}" into both of the cell tags in that new row.

Let me know if you have problems and I'll post the altered code.



Back to top Reply with quote
#5   re: Bottom Aligned Signature
Hengis
CZ Newbie
Hengis has been a member for over 20 year's 20 Year Member
Website:
Status: Offline
Joined: Aug 29, 2004
0.00 posts per day
Posts: 24
Points: 1,540
   
thanx for the work.

I am ok up until the last bit - could you please post the code - icon_smile.gif




_________________
[ Register or login to view links on this board.]
Back to top Reply with quote
#6   re: Bottom Aligned Signature
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 59
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.48 posts per day
Posts: 3765
Points: 351,412
   
<tr>
<td valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}" id="{postrow.U_POST_ID}"></a><strong>{postrow.POSTER_NAME}</strong></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 />
{postrow.POSTER_FROM}<br />{postrow.CASH}<br />{postrow.L_USER_GROUP}{postrow.L_NO_USER_GROUP}: {postrow.SHOW_USERGROUPS}{postrow.L_NO_USERGROUPS}<br />{postrow.POSTER_FROM_FLAG}
<img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="150" height="1" />
</td>
<td class="{postrow.ROW_CLASS}" valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td class="postdetails"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" /></a>{L_POSTED}:
      {postrow.POST_DATE}</td>
      <td align="right" valign="top" nowrap="nowrap">{postrow.POSTER_STATUS}{postrow.QUOTE_IMG}{postrow.EDIT_IMG}<a href="#top"><img src="themes/fisubsilversh/forums/images/icon_up.gif" alt="{L_BACK_TO_TOP}" width="16" height="18" title="{L_BACK_TO_TOP}" class="imgfade" onmouseover="this.className='imgfull'" onmouseout="this.className='imgfade'" /></a>{postrow.DELETE_IMG}{postrow.IP_IMG}</td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td colspan="3"><hr /></td>
      </tr>
      <tr>
      <td valign="top" colspan="2"><span class="postbody">{postrow.MESSAGE}</span></td>
      <td><img src="templates/subSilver/images/spacer.gif" width="1" height="50"></td>
      </tr>
      <tr>
      <td valign="bottom" colspan="3"><span class="postbody"></span></td>
      </tr>
      </table>
</td>
</tr>
<tr>
<td rowspan=2 class="{postrow.ROW_CLASS}">&nbsp;&nbsp;</td>
<td colspan="2"><SPAN CLASS="postbody"></span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</SPAN><SPAN CLASS="gensmall">{postrow.EDITED_MESSAGE}</SPAN></td>
</tr>
<tr>
<td valign="bottom" nowrap="nowrap" class="{postrow.ROW_CLASS}">{postrow.PROFILE_IMG}{postrow.PM_IMG}{postrow.EMAIL_IMG}{postrow.WWW_IMG}{postrow.AIM_IMG}{postrow.YIM_IMG}{postrow.MSN_IMG}{postrow.ICQ_IMG}</td>
</tr>
<tr>
<td class="spacerow" colspan="2" height="1"><img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>



Back to top Reply with quote
#7   re: Bottom Aligned Signature
Hengis
CZ Newbie
Hengis has been a member for over 20 year's 20 Year Member
Website:
Status: Offline
Joined: Aug 29, 2004
0.00 posts per day
Posts: 24
Points: 1,540
   
Thanks again my friend icon_smile.gif

It looks like the signature is now aligned to the bottom...the only prob is as outlined in the enclosed picture....a very minor prob for someone like you.




PCHF2.JPG
 Description:
N/A
 Filesize:  146.19 KB
 Viewed:  13288 Time(s)

PCHF2.JPG





_________________
[ Register or login to view links on this board.]
Back to top Reply with quote
#8   re: Bottom Aligned Signature
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 59
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.48 posts per day
Posts: 3765
Points: 351,412
   
OK, find this code:
<tr>
<td rowspan=2 class="{postrow.ROW_CLASS}"> ;; ;;</td>
<td colspan="2"><SPAN CLASS="postbody"></span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</SPAN><SPAN CLASS="gensmall">{postrow.EDITED_MESSAGE}</SPAN></td>
</tr>


And change it to:
<tr>
<td rowspan=2 class="{postrow.ROW_CLASS}"> <img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="150" height="1" /></td>
<td colspan="2" class="{postrow.ROW_CLASS}"><SPAN CLASS="postbody"></span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</SPAN><SPAN CLASS="gensmall">{postrow.EDITED_MESSAGE}</SPAN></td>
</tr>



Back to top Reply with quote
#9   re: Bottom Aligned Signature
Hengis
CZ Newbie
Hengis has been a member for over 20 year's 20 Year Member
Website:
Status: Offline
Joined: Aug 29, 2004
0.00 posts per day
Posts: 24
Points: 1,540
   
Thank you Kelly_Hero a masterpiece!

The code works and works well - you have made a small but contantly growing forum happy !

- is there any way to get rid of the white line above the sig - as when ppl don't have a sig it creates a double line ?

icon_biggrin.gif

Codezwiz rox!




_________________
[ Register or login to view links on this board.]
Back to top Reply with quote
#10   re: Bottom Aligned Signature
Hengis
CZ Newbie
Hengis has been a member for over 20 year's 20 Year Member
Website:
Status: Offline
Joined: Aug 29, 2004
0.00 posts per day
Posts: 24
Points: 1,540
   
*shameless bump*

...but this may have been missed.

Thanks.




_________________
[ Register or login to view links on this board.]
Back to top Reply with quote
Display posts from previous:      
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
<< View previous topic View next topic >>
Post new topicReply to topic

Jump to 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum