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
Moving the Runboard clock


For the last couple of years I have suggested various 3rd party date and time clock providers but there is a way to use the date and time clock provided by Runboard which can make a big difference in the loading time of your board. There are three steps to getting this done and I wish to give Lesigner Girl the majority of the credit for the code because without her pointers I would probably have given up on the project illustrated below.

Step 1: set your clock and format
Go to: Control Panel :: Board management :: Set misc board options

Here is where you set your boards time (based on GMT time) and select from 14 different display formats for your boards date and time clock.

Step 2: Create the CSS span for the clock
Go to: Control Panel :: Board management :: Customize the language set

You will be scrolling down a long ways (I counted 124 entries) looking for the entry that says:
misc_board_time_is
replace what is in that entry with something like:
<span class="boardtime">This Board's Date and Time: %1</span>

The part I have highlighted in bright yellow is what I used here on this board but you can change that text to whatever works for you.

Step 3: CSS styling and placement
Go to: Control Panel :: Board management :: Edit colors and theme :: CSS management and enter the following code:

/* BOARD CLOCK */
.bottominfoline {display:block; text-align: center; margin-top: 1em;}
.boardtime {display: block; position: absolute; left:29%; top: 220px; width: 42%; font: bold [sign in to see URL] verdana,tahoma; color: #ffff00; text-align: center; margin: 0 auto;}


There are two classes defined here when you do this, the .bottominfoline sets the location and styling of the members log in and log out line. You need it set so the date/time class has something to work from.

The second class .boardtime is the Runboard date/clock. The position of the clock is controlled by the section I have bolded here:

.boardtime {display: block; position: absolute; left:29%; top: 220px; width: 42%; font: bold [sign in to see URL] verdana,tahoma; color: #ffff00; text-align: center; margin: 0 auto;}

top is easy, the larger the number the farther down the date/clock is moved from the top of the board. left controls your side to side placement of the date clock and width controls how much space you are allowing for the text you chose in step 2.

font definitions go like this:
bold = how I want the text displayed. The choices are: normal, bold and italic.
[sign in to see URL] = equals the fonts size followed by the line height of the space you are giving for the font to display in.
verdana,tahoma = the font families you are using on your board.
color = the hex number that is the color of the font displayed.
text-align: center = how the clock is is aligned inside your width statement (ie this will horizontally center the text within the span). The choices are left, center and right.
margin: 0 auto = the margins you are setting around the span (this is the standard declaration used) and will horizontally center the span itself within the space available for it.

Last edited by Pastor Rick, 4/19/2008, 9:53 pm


---

RSFRDAdvertise Boards On TRDREITB
4/19/2008, 9:13 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
cfm518 Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 06-2007
Location: at home
Posts: 1
Karma: 0 (+0/-0)
Reply ● Quote
Re: Moving the Runboard clock


Will this actually physiclly move it to the top?

\

---
 We need to get back to the basics of life:
A heart that is pure and a love that is blind;
A faith that is fervently grounded in Christ,
The hope that endures for all time.
(4Him/Avalon)
All Avalon
4/22/2008, 8:19 am Link to this post Send Email to cfm518   Send PM to cfm518 Yahoo 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: Moving the Runboard clock


Hi cfm518,

Yes it can do that emoticon I have the code in place on this board so you can see what the default code does. In the example given you will see I put the clock on the same line the main forum link is on and centered both the clock and the users info (ie clock towards the top and users log-in/log-out line at the bottom).

---

RSFRDAdvertise Boards On TRDREITB
4/22/2008, 10:41 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Magic Prince Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 02-2007
Location: Earth
Posts: 2
Karma: 0 (+0/-0)
Reply ● Quote
Re: Moving the Runboard clock


How would I put that clock into say, my sidebar?????

1/13/2009, 2:04 pm Link to this post  
 
Magic Prince Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 02-2007
Location: Earth
Posts: 2
Karma: 0 (+0/-0)
Reply ● Quote
Re: Moving the Runboard clock


I knew that their was a way, it was easier at bn but I had seen the classes on the support forum, but how to exactly do that, not sure.
1/13/2009, 2:13 pm Link to this post  
 
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: Moving the Runboard clock


It can be done emoticon Just caught this as I was heading out the door so I'll post the codes tonight after doing my normal RB rounds emoticon

---

RSFRDAdvertise Boards On TRDREITB
1/16/2009, 10:17 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a reply





You are not logged in (login)