Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Hiding the signature dashes
You know those 3 dashes that separate the message post from the users signature? Well if you are one of those board owners that feels like those dashes are a distraction you can sort of hide them from view via CSS (thanks to Lesigner Girl for this first idea)...
In your CSS you would add something like this:
/* ---------------------------------
HIDE DASHES AT TOP OF SIGNATURES.
COLOR AND BACKGROUND MUST MATCH
BACKGROUND OF THE REST OF THE SIGNATURE.
---------------------------------------- */
.ak_msg_post_signature_block:before {
content: 'xxx';
position: relative; top: 1.125em;
color: #ffffff;
background: #ffffff;
}
/* --- END DASH HIDER --- */
Remember, both the color and background codes need to match the color of your posts background.
|
|
12/5/2012, 12:01 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: Hiding the signature dashes
You might be asking how to do this if you are using the alternate color backgrounds in your boards "Edit Colors and Theme" menu:
(ie: the first menu choice you have when you go to the Control Panel --> Board Management --> Edit Colors and Theme)
The answer can be found by looking at the last two sections of the following CSS snippet:
/* SIGNATURE BLOCK */
.ak_msg_post_signature_block {
color: #ff0;
margin-top: 1.125em;
border-top: 1px ridge #1d1d1d;
}
.ak_msg_post_signature_block:before {
content: 'XXX';
position: relative;
top: 1.125em;
}
td[bgcolor$="#424242"] .ak_msg_post_signature_block:before {
color: #424242;
background: #424242;
}
td[bgcolor$="#2b2b2b"] .ak_msg_post_signature_block:before {
color: #2b2b2b;
background: #2b2b2b;
}
Since I wanted to put a solid line between the actual message post and the signatures I set my desired margin-top so it would give me the room I needed for a border-top (the line I mentioned) to be displayed without interfering with either the message post or the users signature.
The second part positions the display I want so that it will match my first declaration. Here I also specify what part of the signature block I am going to hide. That is the "content: 'XXX'; portion of our code. Notice, the positioning is the same 1.125em that I used in the first part of my code.
Now we are set to have fun. The last two sections duplicate the colors you used over in the "Edit Colors and Theme" menu so those pesky dashes stay away.
[ ideas and original code concept mentioned thus far are courtesy of Lesigner Girl ]
|
|
12/5/2012, 10:46 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
