Runboard.com
Слава Україні!
open to all ages

Runboard       Sign upCreate Accountlearn about itSign inlost password?

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
The Message Posting Screen


Yuck! The row for posting actions doesn't have a named CSS selector. Below is the selector path for the first forum. I will get around this potentially awkward CSS coding problem by adding a "content" ID surrounding the message board's HTML.

#ak_forum_1 > center > div.bgmid > center:nth-child(5) > table > tbody > tr > td > center > table > tbody > tr:nth-child(1) > td:nth-child(1) > table > tbody > tr:nth-child(7) > td:nth-child(2)

#ak_forum_1 > center > div.bgmid > center:nth-child(5) > table > tbody > tr > td > center > table > tbody > tr:nth-child(1) > td:nth-child(1) > table > tbody > tr:nth-child(7) > td:nth-child(1)

Now my CSS code reads like this and applies to all forums on the message board. emoticon

#content {
  float: right;
  width: 800px;
  margin: 2px;
}

#content>center>table>tbody>tr>td>center>table>tbody>tr:nth-child(1)>td:nth-child(1)>table>tbody>tr:nth-child(7)>td:nth-child(2), .ak_msgform_message_right_td, .ak_msgform_subject_right_td {
    border-left: 0;
}

#content>center>table>tbody>tr>td>center>table>tbody>tr:nth-child(1)>td:nth-child(1)>table>tbody>tr:nth-child(7)>td:nth-child(1), .ak_msgform_message_left_td, .ak_msgform_subject_left_td {
    border-right: 0;
}

Why did I do this? I wanted to eliminate the dividing borders shown in the Runboard default settings which start at the "subject line" and continue to the "post actions line" of the display. At the same time, I wanted to keep the borders shown in "poll creation form" which was not possible without adding 25 lines of code to the boards custom CSS.

Last edited by Pastor Rick, 5/14/19, 2:56 pm


---

Advertise Boards On TRDConceptsDE
5/14/19, 2:50 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: The Message Posting Screen


The HTML to make this work is easy. In your custom HTML header, you add:

<div id="content">

(I put it before my Runboard banner statements)

You also need to add a closing statement in your custom HTML footer like this:

</div><!-- end content>

(I make this the first statement in the box since it only applies to the message board and not to any additions, such as a side-bar)

---

Advertise Boards On TRDConceptsDE
5/14/19, 3:06 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: The Message Posting Screen


I discovered this CSS code does the same thing without needing any HTML additions. emoticon

.ak_msgform_master_table {
  border-width: 0;
}
.ak_msgform_master_table tbody tr {
  border: 1px solid;
}


---

Advertise Boards On TRDConceptsDE
5/14/19, 3:45 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 


Add a Reply



You are not logged in (login)