Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
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 1.1em/1.3em 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 1.1em/1.3em 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.
1.1em/1.3em = 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
|
|
4/19/2008, 9:13 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
cfm518
Registered 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
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: Moving the Runboard clock
Hi cfm518,
Yes it can do that  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).
|
|
4/22/2008, 10:41 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Magic Prince
Registered 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
Registered 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
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: Moving the Runboard clock
It can be done  Just caught this as I was heading out the door so I'll post the codes tonight after doing my normal RB rounds
|
|
1/16/2009, 10:17 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
