Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Text/News Box Under the Board Banner
In several of the Runboard themes you will find a small text/news box under the "community logo/banner." This "box" allows those with admin privileges to make board announcements that are visible to everyone without going into the boards forums.
Themes with this feature are:
Shades of Gray
Splat Green
White Ice
Red Rogue
Purple Passions
All of these themes require a CSS addition to the board to pretty up the HTML addition to the board which creates the actual text/news box.
Once the CSS is in place the only thing required to "update" the box is editing the HTML text.
|
|
12/19/2015, 9:30 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: Text/News Box Under the Board Banner
On all of the themes mentioned above the CSS resembles this:
/* WELCOME BOX */
.welcomebox {
border: 1px solid #BDBDBD;
width: 740px;
font-family: verdana;
font-size: 10px;
color: #767676;
}
.welcomeboxtitle {
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #767676;
}
While the HTML resembles this:
<!-- START OF WELCOME BOX -->
<br><center><div class="welcomebox">
<span class="welcomeboxtitle">Welcome To This Message Board:</span><br>
You can edit this message here and replace the sample banner with your own. Goto;
<br>Control Panel > Select Your Board > Click 'Manage' > Click 'Edit Colors/Layout Of Your Board' > Click 'Manage Custom HTML Content' >
<p>~ Thanks For Using Ice-White Skin ~
</div></center>
<!-- END OF WELCOME BOX -->
|
|
12/19/2015, 7:54 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: Text/News Box Under the Board Banner
My own version of this feature which eliminated the <br> codes and implements "word wrap" instead...
The CSS file:
.newsbox {
background-color: #eeeef1;
color:#3e618c;
font-size: 12px;
font-weight: bold;
border-top: 7px groove #17528D;
border-left: 7px groove #17528D;
border-right: 7px ridge #17528D;
border-bottom: 7px ridge #17528D;
border-radius: 15px;
height: 125px;
margin-left: auto;
margin-right: auto;
margin-top: -15px;
padding:4px;
position: relative;
text-align: left;
width: 780px;
}
The HTML file:
<!-- NEWS BOX //-->
<div border-color="#535353" class="newsbox">
<style>h2 {margin-top:-3px;}</style>
<style> p {white-space: normal; /* collapse WS, wrap as necessary, collapse LB */}</style>
<h2>News of the Day - December 19, 2015</h2>
<p>Added sheet music and mp3 for "Heavenly Sunlight," added a YouTube video for "Heaven's Jubilee."</p>
<p>Postings are time stamped as UTC -6 to reflect my local time. YouTube video's are posted for hymns which I believe are under "copyright." Sheet Music and mp3 files are posted for hymns I believe are "public domain." enjoy...
</p>
</div>
Last edited by Pastor Rick, 12/23/2015, 10:22 pm
|
|
12/20/2015, 9:15 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
