Runboard.com
You're welcome.
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

Runboard Social       Sign up (learn about it) ● Sign in (lost password?)


 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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: [sign in to see URL];
   color: #ffffff;
   background: #ffffff;
}

/* --- END DASH HIDER --- */


Remember, both the color and background codes need to match the color of your posts background.

---

RSFRDAdvertise Boards On TRDREITB
12/5/2012, 12:01 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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: [sign in to see URL];
border-top: 1px ridge #1d1d1d;
}

.ak_msg_post_signature_block:before {
   content: 'XXX';
   position: relative;
   top: [sign in to see URL];
}

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 [sign in to see URL] 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 ]

---

RSFRDAdvertise Boards On TRDREITB
12/5/2012, 10:46 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a reply





You are not logged in (login)