Log in

View Full Version : Mini Mods - Vb3 Signature Style For Vb4


ShawneyJ
08-01-2010, 10:00 PM
Vb3 Signature Style For Vb4 "UPDATED" To Work With VB4.1.9
Please Mark As Installed And Give A Good Rating If You Like
Thanks. ;)

As most of us know the huge gap between the content and the signature in our threads/posts can be annoying and ugly.
Well hear is a simple solution and should work for all versions of Vb4.
Remember i said should above.
Brought to you by Teen Forums (http://www.teenark.com/).

This has been tested and works for the latest version of VB4.1.9 using IE8 and FF3. Im sorry if this doesn't work with other browsers...but there's no reason why it shouldn't work.
But i would love to hear hopefully good feedback saying this does work with other browsers :erm:

And finally i am back using VB4 as i converted back to VB3 after whipping up this Mini Mod and fled.

Whats New In This Update
1st off, i had to change this to a Beta as im not %100 confident that this Mod will work on the many different VB4 styles around the net. But PLEASE post in (fingers crossed) that this works for you.

Ok so, whats new is, you can now set your signature to any height, high/low to suit your needs/boards by just editing the margin-top: in px.

Whats Fixed
Big gaps that some members were still reporting.
A scroll-bar appearing in a post after using emoticon on its own line.
Codes not conflicting with other codes. (Beta)

What I Haven't Fixed Yet
The line width above the Signature (Sorry Guys).

Installations In Detail
1. Go to you AdminCp>>Styles & Templates>>Style Manager and, from the drop down menu chose "Edit Templates".
Scroll down to: CSS Templates and double click.
Find postbit.css and double click.

2. In your postbit.css template...
Find:
/*signature */
.signature {
padding-top: 1em;
border-top: {vb:stylevar signature_border};
margin-top: 2em;
}
And remove it.
Click Save.

3. While still in CSS Templates section, scroll back up to your additional.css template and double click.

4. In your additional.css template...
Add this code:
.postbitlegacy .after_content {
clear:none !important;
margin-top:-60px !important;
}

.signature {
border-top: {vb:stylevar signature_border};
}
Click Save.

Now as you can see in the above code in RED -60px.
Change how High or Low you would like your Signature.

If your Signature is to High in your threads/posts, you would simply change -60px to say -30px.
If you would like to have your Signature back to normal, you would remove the "-" and set to "0px" so then it would look like normal Vbulletin Default.

If you want your Signature Very low you would set to 20px.
Ie:
-30px is Up.
30px is Down.

I will leave the old Text Document for you to download if need be.
I have uploaded a new Text Document for VB4.1.9, download for safe keeping.

Feel free To check out The: DEMO (http://www.teenark.com/webmasters-world/618509-vb3-signature-style-vb4.html)

I really hope this is MUCH better than the old Mod. And please let me know if everything works ok for you all so i can remove from beta, Thanks.
Cheers.

NEW: Screen Shots Below of a 2 Custom Vbulletin Style 4.1.9 styles created by different designers. One Sceen Shot of Default Vbulletin Style.

sulasno
08-02-2010, 11:02 AM
tagged and thanks

giorgino
08-02-2010, 11:38 AM
How to reduce the space between post and signature, but not "erase" it?

ShawneyJ
08-02-2010, 12:43 PM
How to reduce the space between post and signature, but not "erase" it?

you mean you want a little more space? if so,
try changing in the code: padding-bottom:0 set it to like 20, mess with it a bit mate.
eg: padding-bottom:20

giorgino
08-02-2010, 01:08 PM
Thank you but I need something like this:

http://img683.imageshack.us/img683/2145/postbitg.jpg

ShawneyJ
08-02-2010, 02:04 PM
Thank you but I need something like this:



i guess you could open postbit_legacy,
find:
{vb:raw template_hook.postbit_signature_start}

just for a quick fix as its late here, add above that code:

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

you can add on to the <br /> add or remove to set where you want your siggy.
you can use other space codes but thats all i can think of at the moment sorry, just tied ;)
i'll have a look in the morning if thats no help.

giorgino
08-02-2010, 02:20 PM
thank you :)

COL NIL SATIS
08-02-2010, 06:48 PM
Awesome .....been waiting for this one ....will add it now ...thanks Jaycob:)

COL NIL SATIS
08-02-2010, 06:59 PM
gahh ...didnt work on 4.0.3 ..still have a large gap below sig?? any ideas

ShawneyJ
08-02-2010, 10:17 PM
gahh ...didnt work on 4.0.3 ..still have a large gap below sig?? any ideas

thats strange as i just tested again with another style, thats 6 different styles all up this is working on. 4.0.2 to 4.0.5 styles.

you just simply added the code to additional.css?
im guessing you did but, just thought i'd ask.

EDIT: just signed up to your forum and the signatures looks ok, you using FF or IE mate?

ProFifaLeagues
08-03-2010, 06:13 AM
Using firefox there A1 but when using Internet ex there showing with a big gap as per vbull default!

I use firefox so working great for me but is there a fix which works on Internet ex as well?

ShawneyJ
08-03-2010, 10:22 AM
Using firefox there A1 but when using Internet ex there showing with a big gap as per vbull default!

I use firefox so working great for me but is there a fix which works on Internet ex as well?


can i ask what version of IE? IE8 and FF works fine for me.

COL NIL SATIS
08-03-2010, 06:19 PM
I use IE 8 bud...the gap stays on mine ???

ShawneyJ
08-04-2010, 04:55 AM
i will look into this for sure.

i was fixing an old computer with some old IE on it and thought i'd test to see if the signature works with an very old version of ie and it did lol.

COL NIL SATIS
08-04-2010, 11:54 AM
lol ..ok mate that would be great ..thanks

ShawneyJ
08-04-2010, 12:51 PM
lol ..ok mate that would be great ..thanks

actually does the demo work in your browser?

COL NIL SATIS
08-04-2010, 01:43 PM
Yeah the demo looks great ....just cant get it to work on my site at the min ..??

ShawneyJ
08-04-2010, 10:21 PM
Yeah the demo looks great ....just cant get it to work on my site at the min ..??


ah thank god, like i thought it was a browser problem on IE. you have only tried this out on your main style? it should work :o

Dr.osamA
08-12-2010, 04:40 PM
thanxxx bro

installed + 5 stars

Cicada
10-19-2010, 09:46 PM
works great on vb 4.0.7 -- installed!

YankForum
10-20-2010, 06:10 AM
excellent

Daryn
10-27-2010, 06:12 PM
Thank you!

This has been a major annoyance since vb4 came out. Now there's so much less wasted space.

Also, installed and working on 4.0.8.

Daryn
11-01-2010, 07:54 PM
I just found a very odd bit of behavior with this.

If you end a post with an emoticon on its own line you get a scrollbar on the post. I have no idea why this is, but if you could help me with it it'd be great!

GamerFill
12-16-2010, 06:05 AM
Looks great! Thanks!

Extrim25
01-22-2011, 04:27 PM
How to add line before signature like this? (VB 4):

http://clip2net.com/clip/m21818/1295720765-clip-14kb.png

Inferno Dragon
01-31-2011, 03:49 PM
Hi,

Can you please update this modification so it can work with vb 4.1.1 as well? it was working fine before but now it's not.

FockerFGAA
01-31-2011, 07:35 PM
Thanks. Put this modification in and it seems to work fine with vb 4.1.0

Deirdre
02-09-2011, 05:44 PM
Works on 4.1.1 and chrome!

Much needed!! ♥

fionix
02-10-2011, 10:39 AM
Don't work for me V4.1.1

OldSchoolDSL
02-11-2011, 12:39 AM
Installed and seemingly working

4.1.1 :)

archet1337
02-22-2011, 05:24 AM
Working fine on 4.1.2. Thanks!

spankaveli
03-09-2011, 05:23 PM
is there any way to change the width (to a specified pixel or percentage) instead of having it span the entire post?

Gamelobby
04-25-2011, 06:59 AM
Working fine on 4.1.2. Thanks!

Not on my 4.1.2 maybe its the skin causing it. :(

Gamelobby
05-19-2011, 09:19 PM
It does seem to work a little..

It closes the gap a little on some skins & not so much on others. But my main issue is the gap INSIDE the sig, not the gap above the sig area.
My sig area has a gap above the "sig" image, but still below the sig area line.
I've attached an image to show what i mean.. (i made the sig line really big)
https://vborg.vbsupport.ru/attachment.php?attachmentid=129279&d=1305843446


Any thoughts on that.?

ShawneyJ
01-05-2012, 01:58 PM
Vb3 Signature Style For Vb4 "UPDATED" To Work With VB4.1.9. Hoping this works for everyone.

OldSchoolDSL
01-06-2012, 04:58 PM
Vb3 Signature Style For Vb4 "UPDATED" To Work With VB4.1.9. Hoping this works for everyone.

I've got better news. It works on 4.1.10 Alpha 2 and Alpha 3

I suspect it will easily work on the final build :up:

ShawneyJ
01-07-2012, 12:41 AM
I've got better news. It works on 4.1.10 Alpha 2 and Alpha 3

I suspect it will easily work on the final build :up:

awesome, thanks for the feedback. so far so good.

Emeralda
02-11-2012, 11:34 PM
It's really what I was looking for, I was scared I'd have to do it myself. Anyway, the only thing that still isn't to my liking is the leftover top border. What I'd like is for it to be around 80% of total width and centered. I tried removing the top border from additional css and adding styled HR in Legacy template, but it didn't work, the HR wasn't displayed >.<

PirateTinman
03-13-2012, 02:02 PM
Working fine on 4.1.11 in Google Chrome.

Added my own max-height in there... hate wall of text signatures :D

Thanks for the code!

MaXimus
04-17-2012, 07:17 PM
Can this be updated for vBulletin 4.1.12 please?

Emeralda
04-18-2012, 08:31 AM
Huh? What was changed in 4.1.12 that this wouldn't work?

Mr_Devlin
04-18-2012, 11:14 AM
This issue seems to beelong into the Templates section...

/Edit: Has been moved...

ShawneyJ
09-15-2014, 02:30 PM
im not going to update the thread till someone could be bored and game enough to see if this ugly fix works for others issues thats been posted.

as far as i can see, this does still work for even vb4.2.2.

after messing around, i came up with a most likely work around for some issues. it may work, but may not. i no longer use vb4. but some that are having issues could try this...

as stated, find and remove:
/*signature */
.signature {
padding-top: 1em;
border-top: {vb:stylevar signature_border};
margin-top: 2em;
}

in additional.css template add:
.postbitlegacy .after_content {
clear:none !important;
margin-top:-70px !important;
}
.signaturecontainer {
margin-top:10px;
}

then in postbit_legacy find:
<blockquote class="signature restore">

below add:
__________________

mess around with margin-top in both .postbitlegacy and .signaturecontainer.

screenshot added. tested 2 different styles, default and custom. FF, chrome, IE.

oldfan
04-01-2023, 01:23 AM
dont work on 4.2.5. :(