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
Up and Down Post Navigation


While in the design stage for a new skin (over here), I decided to try something a little different when it comes to up and down navigation in the posted messages area of the message board.

This idea was inspired by the method which Josh and Moose created back in 2007. Reference the Click to the top/bottom article over in Runboard Extra for more information. This method has the advantage of placing the navigation aid in the same area the user sees all the other "posting action links."

Last edited by Pastor Rick, 9/30/19, 3:02 pm


---

Advertise Boards On TRDConceptsDE
9/1/19, 8:11 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: Up and Down Post Navigation


Here are the codes:

CSS
/* CLICK TO TOP/BOTTOM OF PAGE */

nav {
  display: block;
  width: auto;
  margin-top: 0.5em;
  padding-bottom: 0.3em;
  text-align: center;
  background: #F2F8FC;
  font-size: x-large;
  border: 1px solid #AACCEE;
  border-radius: 1em;
}
.arrows a:link, .arrows a:visited {
  display: block;
  margin-left: 50%;
  margin-right: 50%;
  width: 2.0em;
}


HTML footer
<span id="down"></span>

Custom Language Set
post_list_quote: Quote<br /></span><nav><span class="arrows"><a href="#">ʌ</a> <a href="#down">v</a></span></nav>


Last edited by Pastor Rick, 9/30/19, 3:08 pm


---

Advertise Boards On TRDConceptsDE
9/1/19, 8:22 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: Up and Down Post Navigation


Code discussion for this article is welcome and appreciated.

My understanding of CSS tells me I should not need the <br /> declaration in the custom language set. When I set the "arrows" as a block element, the "block" is supposed to begin on a new line. Despite which, I find the <br /> setting required in this coding instance.

Changing the font size works, but settings to place padding, alignment, borders, and background colors for the text does not work when the CSS code does not include the <nav></nav> HTML tags.

Last edited by Pastor Rick, 9/2/19, 12:01 am


---

Advertise Boards On TRDConceptsDE
9/1/19, 8:32 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: Up and Down Post Navigation


This method appears to be the only method to implement the up/down arrows following Runboards move from AkBBS version 1.0 to 1.1. I could be in error on this because I have not explored all the options yet.

---

Advertise Boards On TRDConceptsDE
9/30/19, 2:56 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 


Add a Reply



You are not logged in (login)