Aligning signatures: simons way

[Simon N]

Wanted to make a seperate post so as to not confuse people too much. I have just made the following changes to my site and thus aligned signatures to the bottom where they should be.

OPEN viewtopic_body.tpl || I am using acidtech so apologies if this differs from your theme.


FIND
[code]<BEGIN><BEGIN><tbody id="post_{postrow.POST_ID}" style="display]

REPLACE WITH
[code]<BEGIN><BEGIN><tbody id="post_{postrow.POST_ID}" style="display]

Basically the signature was being tagged onto a table that would dynamically resize to suit post length. I have added a new table cell at the bottom and included signature there thus always having it at the bottom.

This is all subject to testing so please feel free to post back thoughts/ outcomes.

[Eon]

You got a link of pics to show the difference? Cause I dunno what you are talking about.. LOL

[evolver]

I've tried your modification, Simon...
(on XAMPP)

Don't know what template you're using, but with the normal FI Subice, signatures appear on a white background...
[flash=,:2xbwvi8f]http://www.stelplaats.be/screenshots/signaturetest.jpg[/flash:2xbwvi8f]

No problem, I managed to get it the way I want:
In your code:

Code: Select all

<td><span>{postrow.SIGNATURE}</span></td>

REPLACED BY]<td><span>{postrow.SIGNATURE}</span></td>[/code]

But now I get a white line between message and signature...
That's not so bad, but then the black signature-line becomes one to many I think.
[flash=,:2xbwvi8f]http://www.stelplaats.be/screenshots/signaturetest2.jpg[/flash:2xbwvi8f]

[Mighty07]

Aha! Another way!

[Okki]

I have simplified what you have changed, before i am going to test it.

find line 134

Code: Select all

<td><span><a></a>{postrow.AUTHOR_PANEL}  

replace with]<td><span><a></a>{postrow.AUTHOR_PANEL}  [/code]

And

find line 163

Code: Select all

<tr> <td><br><span>{postrow.SIGNATURE}</span></td> </tr> </table> </td>  

replace with]</table></td> </tr> <tr> <td><span>{postrow.SIGNATURE}</span></td>  [/code]

[Okki]

Well, sorry, also with the ajustment from evolver, it's not it, i think

When there is no signature, there is one white line to much.

[evolver]

Last month, I managed to insert extra registration fields and made them visible to postings (as you can see on the screenshots)
The user-info on postings became longer, and some users where asking me if it were possible to put their signatures at the bottom.
Tried that, but didn't know how...
Then I made the user-info next to the messages as compact as possible in a logical way to keep the info understandable. (The date under the 'online'-icon is the last-visit-date)

But I still like the idea of taking signatures to the bottom...

When there is no signature, there is one white line to much.

That's why I still haven't transfered this modification to my real site...
I really don't like that white line.
We need a different approach...

[evolver]

...looking for another mod. One that would limit the size of the images in the signature. When users use an external image.
I got some that the image is bigger than the post box! <img>

Yeah, that would be nice too...
Some of my users use banners 740px width...
Then, I personally import them to resize and replace, and ask them not to use more than 600px width in the future...

It would really be nice to get it done automatic...

[Eon]

I know I made a post.. But it does not affect the white line, so never mind.. But if you use a template with no colored lines, like the orginal subBlack, this would not be a problem.

How ever with my site on subBlack I have added color to those table lines.. They original wre the same as the background.

[Okki]

Have you tried this one
http://integramod.com/forum/postings_popup.php?t=191

I was thinking it works, else i would not have posted it?

[evolver]

Have you tried this one
http://integramod.com/forum/postings_popup.php?t=191

I was thinking it works, else i would not have posted it?

Yes, tried that one before Simon's modification, but it only works a little bit...
Meaning...it lowers signatures, but not always at the bottom, and sometimes even not at all...

[Simon N]

Wow never realised would get this many responses. I am using acidtech as a theme and so this all works for me.

Okki reasons for such large chunks of code was just to ensure people missed no changes and had one find and one replace instruction.

The issue of the white lines would surely be from the styles applied to the table in the first place. However i find removing the black line also makes things look tidier.

[evolver]

OK now, I've done another addition to the modification <img>

If there has to be a white line, I don't like it floating between message & signature.
So I added height="1" to the signature row like this:

Code: Select all

<td><span>{postrow.SIGNATURE}</span></td>  

Then, that white line will stay at the bottom, above the signature...
OK, when there's no signature, you will still get 2 lines, but that also looks better down at the end...

Finaly, I'm starting to like this modification...

[hr][color=red]EDIT] With height="1" the signature will already be pulled to the bottom, there is no need for valign="bottom" anymore.

[Simon N]

Works much better with the additions mentioned....just remove the __________ line and it looks even better IMHO.

[flash=,:1y5w8fda]http://www.tau-designs.org.uk/pictures/sig.jpg[/flash:1y5w8fda]

[Eon]

OK, what is the easiest way to remove the "__________" from the sig then?

[Jason Sanborn]

Easiest would be to change the signature divider in viewtopic.php

Don't know if it is the BEST way, though. <img>

OPEN: viewtopic.php
FIND:

Code: Select all

    if ( $user_sig != '' && $userdata['user_allowsignature'] != 0 )     {         $user_sig = '_________________<br>' . str_replace("n", "n<br>n", $user_sig);     } else $user_sig = '';

REPLACE]     if ( $user_sig != '' && $userdata['user_allowsignature'] != 0 )     {         $user_sig = str_replace("n", "n<br>n", $user_sig);     } else $user_sig = '';[/code]

[Eon]

I did that one time and it did not change anything.

Also, that code appears in more than one file I have noticed..

[Jason Sanborn]

Hmmm. I must have missed some areas, then. The general idea would be to locate the divider line in whatever file it is located in and remove the divider line and the <br> that follows it.

[Eon]

Yeah that is what I thought too. lol May work I dunno.. I know I saw it in more than one file though.

[evolver]

I did that one time and it did not change anything.

Also, that code appears in more than one file I have noticed..

You will also find it for private messages

The modification we are talking about, was about viewtopic only, so you only have to change the divider-line on viewtopic.php...

Personally, I don't really need this modification for private messages.
The signature is always at the bottom there...

[evolver]

BTW: I did something different than Jason's instruction
[strike]Just by putting // at the beginning of those lines instead of changing them...[/strike]
[strike]Seems to work just fine...[/strike] (or am I missing something?)

[Jason Sanborn]

I thought of that as well, and that was what I was originally going to post, but it looked like the str_replace() was needed to handle the line breaks in the signature.

[evolver]

I thought of that as well, and that was what I was originally going to post, but it looked like the str_replace() was needed to handle the line breaks in the signature.

I will strike-through my previous post... <img>

[Simon N]

Not sure what you guys use to edit files but dreamweaver has an excellent find and replace function. I simply searched for __________ and replaced it with nothing.

[Mighty07]

Great work!!!
I've put this working and it's ok. I've also taken out the black line.
I guess with that white line the black one has no meaning.
Despite i would prefer the black one and not having the white one!
But for now, having the sign on the bottom is excellent.
Thanks to all!

[Mighty07]

Btw, i've found this too mods.

This one is to control the signature, and it includes an option to limit the image:

[url=http]Signatures control[/url]

This other one, control the appearance of the black line:

[url=http]Advanced Signature Divider Control[/url]

[evolver]

Thanks Mighty07,

I was rather thinking of resizing the appearance of external images, without restricting them...

I know this is possible in HTML:
[color=blue]<img src="http]
And I would like that to be automatically applied when an external-image is too wide...

Many users on my site don't even know how to resize a picture, that's why I would really like it to be this way...

...And I don't want to allow HTML...

[Jason Sanborn]

I have Dreamweaver MX. I only use it for initial layout and design, and only when necessary (which tends to be rarely).

I use Microsoft Visual Studio when I'm working with ASP.NET / VB.NET

I use [url=http]Notepad++[/url] for everything else, including as a replacement for Windows Notepad. If you haven't checked it out yet, you should. <img>

[evolver]

I also have Dreamweaver MX, use it for pure-HTML only.
Dreamweaver is a heavy package, and I don't like to use it for everything.

I used conTEXT for editing all kinds of text.

I have Notepad++ on a memorystick but never used it <img>
Thanks to Jason, I have taken another look at it...
And yes...it has a 'Search in files' feature, conTEXT doesn't.
(conTEXT has a compare function, didn't find that in Notepad++)

[evolver]

Back on topic:
All bits and pieces together for this signature modification:


OPEN: templates/fisubice/ viewtopic_body.tpl

FIND:

Code: Select all

<BEGIN><BEGIN><tbody id="post_{postrow.POST_ID}" style="display]
REPLACE WITH:[code]<BEGIN><BEGIN><tbody id="post_{postrow.POST_ID}" style="display]

OPEN: viewtopic.php

FIND:[code]if ( $user_sig != '' && $userdata['user_allowsignature'] != 0 )    {       $user_sig = '_________________<br>' . str_replace("n", "n<br>n", $user_sig);    } else $user_sig = '';[/code]
REPLACE WITH]if ( $user_sig != '' && $userdata['user_allowsignature'] != 0 )    {       $user_sig = str_replace("n", "n<br>n", $user_sig);    } else $user_sig = '';

[evolver]

Personally, I've changed something else too...

I didn't like the way the title looks like in messages on viewtopic.
It's not very eyecatching, and gets a little bit messed up when title icons are used.

So the following modification is my personal addition to change the way the title appears on messages (but not needed for doing the signature modification)
I guess that some people will like it better this way, and some will not...


OPEN: templates/fisubice/ viewtopic_body.tpl

FIND:

Code: Select all

<td><a><img></a>{L_POSTED}]
REPLACE WITH:[code]<td><h2>{postrow.POST_SUBJECT}</h2><a><img></a>{postrow.POST_DATE}</td>

[Whisky]

I just ported this hack for IM 1.4.1 template:

OPEN viewtopic.php

FIND

Code: Select all

    if ( $user_sig != '' && $userdata['user_allowsignature'] != 0 )     {         $user_sig = '_________________<br>' . str_replace("n", "n<br>n", $user_sig);     } else $user_sig = '';  

REPLACE WITH:

Code: Select all

if ( $user_sig != '' && $userdata['user_allowsignature'] != 0 )    {       $user_sig = str_replace("n", "n<br>n", $user_sig);    } else $user_sig = '';

SAVE and CLOSE


OPEN templates/Integra2/ viewtopic_body.tpl

FIND:

Code: Select all

        <BEGIN>         <tbody>         <END>             <tr>                 <td><span><a></a>{postrow.AUTHOR_PANEL}                     <img>                     </span>                 </td>                 <td>                     <table>                         <tr>                             <Start>                             <form>                             <End>                             <td><a><img></a>{L_POSTED}:                             {postrow.POST_DATE}   {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</td>                             <td>{postrow.QUOTE_IMG}{postrow.EDIT_IMG}<a><img></a>{postrow.DELETE_IMG}{postrow.IP_IMG}{postrow.U_R_CARD}{postrow.U_Y_CARD}{postrow.U_G_CARD}{postrow.U_B_CARD}{postrow.CARD_EXTRA_SPACE}{postrow.CARD_HIDDEN_FIELDS} </td>                             <Start>                             </form>                             <End>                         </tr>                     </table>                     <table>                         <tr>                             <td>                                 <hr>                                 <div>{postrow.MESSAGE}</div>                             </td>                         </tr>                         <tr>                             <td>{postrow.ATTACHMENTS}<span>{postrow.EDITED_MESSAGE}</span></td>                         </tr>                         <tr>                             <td><br>                                 <span>{postrow.SIGNATURE}</span>                             </td>                         </tr>                     </table>                 </td>             </tr>             <BEGIN>

REPLACE WITH:

Code: Select all

        <BEGIN>         <tbody>         <END>             <tr>                 <td><span><a></a>{postrow.AUTHOR_PANEL}<img></td>                 <td>                     <table>                         <tr>                             <Start>                             <form>                             <End>                             <td><a><img></a>{L_POSTED}:                             {postrow.POST_DATE}   {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</td>                             <td>{postrow.QUOTE_IMG}{postrow.EDIT_IMG}<a><img></a>{postrow.DELETE_IMG}{postrow.IP_IMG}{postrow.U_R_CARD}{postrow.U_Y_CARD}{postrow.U_G_CARD}{postrow.U_B_CARD}{postrow.CARD_EXTRA_SPACE}{postrow.CARD_HIDDEN_FIELDS} </td>                             <Start>                             </form>                             <End>                         </tr>                     </table>                     <table>                         <tr>                             <td>                                 <hr>                                 <div>{postrow.MESSAGE}</div>                             </td>                         </tr>                         <tr>                             <td>{postrow.ATTACHMENTS}<span>{postrow.EDITED_MESSAGE}</span></td>                         </tr>                     </table>                 </td>             </tr>             <tr>                   <td><span>{postrow.SIGNATURE}</span></td>             </tr>             <BEGIN>

SAVE and CLOSE
You are done

Et voila <img>

[Khimaira]

Is there any way to get rid of the extra line completely or at least change its color to hide it without changing the border of the rest of the tables?

Also, to get the signature aligned to the bottom I had to change

Code: Select all

<td><span>{postrow.SIGNATURE}</span></td>

to

Code: Select all

<td><span>{postrow.SIGNATURE}</span></td>

I don't think the height="1" is changing the table height for me for the signature...I am getting a lot of space between the sig and the extra line above. When someone does not have a signature the space between the two lines changes depending on the length of the post. Problem for me may be that I have a bit of extra info in the viewtopic_left area of the PCP which gives that whole area more height than usual.

[Whisky]

No ther's no wimple way to remove this line without completely change the table class in the theme css meaning that you would have to adpat every template where this class is used <img>

About the height=1 I believe this has an effect on some browsers when other don't

[Mighty07]

Any update on this... I keep having this issue.
The line is showing halfway...