Hover To View Signature

admin

Administrator
Staff member
#1
What does this modification do?
It simply shows the full signature of members when you hover over them. If you set the signature height to 75px, and the actual height of a members' signature is 250px, then you will only see the full sig when you hover over it.

Many of my members took advantage of my board settings and created really long signatures that made posts look stupidly long for no reason. I implemented this code which hides their sig's thus making the posts smalled until a member hovers decides to hover over them. Other mod's require a click to show/hide and I personally didn't like it so this was my way of getting around it. I hope you like it. No screenshots as you need to see it to know how it works.

How to Install
1. Go to Admin CP > Styles & Templates > Select your Template > CSS Templates > postbit.css

2. Find:
HTML:
/*signature */
.signature {
        padding-top: 1em;
	border-top: {vb:stylevar signature_border};
        margin-top: 2em;
}
Replace with:
Code:
.signature {
        padding-top: 1em;
	border-top: {vb:stylevar signature_border};
        margin-top: 2em;
        max-height: [COLOR="Red"][B]75[/B][/COLOR]px;
        max-width: 100%;
        min-height: 0;
        overflow: hidden;
}
.signature:hover {
    max-height: none;
}

Be sure to change 75 to your chosen height as this will be the maximum height of signature you will see on your posts before you hover over it.
 

Facebook Comments

New posts Latest threads Latest profile posts

Top