New Neater Signature Style

[christon26]

This is my very first mod post so be gentle lol

I re-arranged how the signatures display on my forum as I don't like the default....and would like to give back to the community by sharing :)

**Please save your original template code before modifying**

In Postbit Templates

For postbit_legacy:

Find:


<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
Replace with:


<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px" rowspan="2">
Find:


$template_hook[postbit_signature_start]
$ad_location[ad_showthread_firstpost_sig]

<if condition="$post['signature']">
<!-- sig -->
<div>
__________________<br />
$post[signature]
</div>
<!-- / sig -->
</if>

$template_hook[postbit_signature_end]

<if condition="$show['postedited']">
<!-- edit note -->
<div class="smallfont">
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
<em>
<if condition="$show['postedithistory']">
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>
<else />
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>
</if>
<if condition="$post['edit_reason']">
$vbphrase[reason]: $post[edit_reason]
</if>
</em>
</div>
<!-- / edit note -->
</if>

</td>
</tr>
Replace with:


<if condition="$show['postedited']">
<!-- edit note -->
<div class="smallfont">
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
<em>
<if condition="$show['postedithistory']">
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>
<else />
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>
</if>
<if condition="$post['edit_reason']">
$vbphrase[reason]: $post[edit_reason]
</if>
</em>
</div>
<!-- / edit note -->
</if>
</td>
</tr>
<tr>
<td align="center" valign="bottom">
$template_hook[postbit_signature_start]
$ad_location[ad_showthread_firstpost_sig]

<if condition="$post['signature']"><br />
<!-- sig -->

<fieldset class="signature">
<legend>Signature</legend>

$post[signature]
</fieldset>
<!-- / sig -->
</if>

$template_hook[postbit_signature_end]
</td>
</tr>
Save and enjoy

For postbit:

Find:

$template_hook[postbit_signature_start]
$ad_location[ad_showthread_firstpost_sig]

<if condition="$post['signature']">
<!-- sig -->
<div>
__________________<br />
$post[signature]
</div>
<!-- / sig -->
</if>

$template_hook[postbit_signature_end]
Replace with:


$template_hook[postbit_signature_start]
$ad_location[ad_showthread_firstpost_sig]

<if condition="$post['signature']"><br />
<!-- sig -->

<fieldset class="signature">
<legend>Signature</legend>

$post[signature]
</fieldset>
<!-- / sig -->
</if>

$template_hook[postbit_signature_end]
Save and enjoy

The code contains the word signature which can be changed to your language if different, just find and edit:


<legend>Signature</legend>
Lastly, add some css in the Additional CSS Definitions in Style Manager to style the signature fieldset how you like


.signature {
border: solid 1px #bdbfdd;
margin: 5px;
padding: 10px;
color: #000000;
background: #ffffff;
}
For post previewing, New Posting Templates >> newpost_preview

Find:


<div>__________________<br />
$post[signature]</div>
Replace with:


<fieldset class="signature">
<legend>Signature</legend>

$post[signature]
</fieldset>
Hopefully I have done this right and some can make nice use of it :D

***Revision 4th December: Removed unnecessary table cell code from postbit replacement plus border style from table cell in postbit_legacy
***Revision 4th December: Added code to change for newpost_preview template

***Revision 3rd January:

Thanx to ChopSuey (https://vborg.vbsupport.ru/member.php?u=336959) and Warlord (https://vborg.vbsupport.ru/member.php?u=4514) for this little change if you want to give your members a link to edit their signature in the legend title:

Change:


<legend>Signature</legend>
to:


<legend>Signature <if condition="$bbuserinfo[userid] == $post[userid] "> - <a href="/profile.php?do=editsignature">Edit</a></if></legend>

[saadessa]

nice thank you

[christon26]

You're welcome :)

[ChopSuey]

I think this stuff is already in some of the custom skins. Nice anyways.

[christon26]

Probably, I daresay I'm hardly the first person to think of putting the signature inside a fieldset and table cell LOL I've always skinned my own forums though and this is the way I changed it on mine...thanx for posting :)

[Tanapangarap]

I was wondering if you could help me out with this problem:

https://vborg.vbsupport.ru/external/2009/12/43.png

Using your CSS code, specifically by putting "#eaeadb" for background, I was able to make the color inside the Signature block/box match the color of the post area above it. However, the area directly around the outside of the signature block remains the same color. I do not know how to change that.

[christon26]

Hi, if that screenshot is from the url in your signature here, just add class="alt1" into this line of the code:


<td style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px" align="center" valign="bottom">


like this:


<td style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px" class="alt1" align="center" valign="bottom">


That's the line right before:


$template_hook[postbit_signature_start]


And that should take care of it for you :)

[Tanapangarap]

Thanks.

The screen shot was indeed from that URL.

Unfortunately, though the change you suggest helps, there are still some problems. Below are two screen shots, first with your modification, the second without:

https://vborg.vbsupport.ru/external/2009/12/41.png

https://vborg.vbsupport.ru/external/2009/12/42.png

Comparing the two, you can see two problems:

1. The greenish/brownish border outside and directly to the left and right of the signature block/box is thicker than the border around the rest of the post area.

2. Below the signature, the area is still darker than the rest of the post area.

Sorry my template is so troublesome. :o I assume you may need me to post some code from my template. Please let me know if that is so, and from what file.

[Tanapangarap]

Oh, and above the signature block/box, I notice another border separating the signature area from the post area. I was wondering if that could be removed, too.

[christon26]

Since you're using postbit and not postbit legacy, and your alt classes have borders styled into them that will make those borders show, try just adding the signature inside a fieldset without adding it into a new table cell as well:

Replace:


$template_hook[postbit_signature_start]
$ad_location[ad_showthread_firstpost_sig]

<if condition="$post['signature']">
<!-- sig -->
<div>
__________________<br />
$post[signature]
</div>
<!-- / sig -->
</if>

$template_hook[postbit_signature_end]
With


$ad_location[ad_showthread_firstpost_sig]

<if condition="$post['signature']"><br />
<!-- sig -->

<fieldset class="signature">
<legend>Signature</legend>

$post[signature]
</fieldset>
<!-- / sig -->
</if>

$template_hook[postbit_signature_end]
*crosses fingers* :)

[Tanapangarap]

That did the trick! Thank you.

[christon26]

My pleasure :D

[worried]

Installed! Thanks for the postbit fix. I'm glad someone else asked about it.

[worried]

The signature needs to be changed in the newpost_preview template as well. Could you show us the changes?

[christon26]

Oh yeah, I forgot I changed mine there as well LOL

Find:


<div>__________________<br />
$post[signature]</div>
Replace with:


<fieldset class="signature">
<legend>Signature</legend>

$post[signature]
</fieldset>

[Silencer Groans]

nice thank you

[christon26]

You're welcome! Please mark Installed if you've implemented it :)

[zapiy]

I love the way the siggy's are forces width ways.. But can i make this work the same but minus the boarder..

Cheers

[christon26]

Yup, just remove the fieldset and legend and replace with a div so you can still style it...like so...

From:


<fieldset class="signature">
<legend>Signature</legend>

$post[signature]
</fieldset>


to:

<div class="signature">$post[signature]
</div>

[ChopSuey]

<fieldset class="signature">
<legend>Signature - <if condition="$show['member']"><a href="/profile.php?do=editsignature">Edit</a></if></legend>

A little something i did for my board, let them edit theirs also :) Shows to members only :D

[christon26]

Nice add, I like that :)

I'll edit your post into my first post!

[Warlord]

Nice little mod Christon. :)


<fieldset class="signature">
<legend>Signature - <if condition="$show['member']"><a href="/profile.php?do=editsignature">Edit</a></if></legend>

A little something i did for my board, let them edit theirs also :) Shows to members only :D


If you change it to this, then it will only show up for the author of the displayed signature. (Before it would show the edit signature link to all registered users in every signature as opposed to only appearing in their own signatures.)


<fieldset class="signature">
<legend>Signature <if condition="$bbuserinfo[userid] == $post[userid] "> - <a href="/profile.php?do=editsignature">Edit</a></if></legend>

$post[signature]
</fieldset>


I also added a few line breaks above that to drop the signature down a bit in the posts.

[wickedstangs]

tried to install and it come out like this. Any assistance would greatly be appreciated....
https://vborg.vbsupport.ru/external/2010/01/113.jpg

Below is my original postbit...

[Warlord]

tried to install and it come out like this. Any assistance would greatly be appreciated....
https://vborg.vbsupport.ru/external/2010/01/113.jpg

Below is my original postbit...

The postbit_legacy template you attached looks like the original template before any changes. Judging from the picture though, I think you have the modification installed correctly. I'm guessing you just don't like all the black after the message and you either didn't add the css to the additional css definitions or you made that color black.

Add this to your Additional CSS Definitions if you skipped this step before.


.signature {
border: solid 1px #bdbfdd;
margin: 5px;
padding: 10px;
color: #000000;
background: transparent;
}


If you already added the CSS just change the background properties in the CSS for .signature to transparent. That will make the background transparent and remove all that black. The reason you have so much room in between your post and your signature is because you have so much in your postbit_legacy template (on the left side). I'm assuming that's how it was before you tried adding this modification too, but the signature just had a transparent background before.

[christon26]

Nice little mod Christon. :)





If you change it to this, then it will only show up for the author of the displayed signature. (Before it would show the edit signature link to all registered users in every signature as opposed to only appearing in their own signatures.)


<fieldset class="signature">
<legend>Signature <if condition="$bbuserinfo[userid] == $post[userid] "> - <a href="/profile.php?do=editsignature">Edit</a></if></legend>

$post[signature]
</fieldset>
I also added a few line breaks above that to drop the signature down a bit in the posts.

Thanx! I like that even better lol

[christon26]

tried to install and it come out like this. Any assistance would greatly be appreciated....
https://vborg.vbsupport.ru/external/2010/01/113.jpg

Below is my original postbit...

Hi, your text file doesn't contain the changed code you added and without a link I cannot see what's happening via Firebug...but I would hazard a guess you need to add class="alt1" into the td code for the signature cell (the second set of code change) like so:


<td align="center" valign="bottom" class="alt1">

Hope that helps :)

**edit just spied your forum link in your signature lol it's really early here :P