Erika
Registered: 06-2003
Location: Runboard Staff
Posts: 3896
Karma: 184 (+192/-8)
|
Reply | Quote
|
|
Making a forum name stand out
Hi Lesa, and Pastor and the others that are soooo clever.
Is there a way to make one forum stand out.
What I would like to do is to make the office section on my board faster to spot by making the name of it a different colour.
so it would be something like this.
Main chat
Announcements
Another name
Another name
Another name.. and so on and so on
Office
Another name
Another name
So when I go to the board, I can see the office section right away. :hug:
Last edited by Erika, 2/12/2011, 7:49 pm
|
2/12/2011, 7:48 pm
|
Link to post
PM Erika
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re:
Hi Erika,
Yes there is a way to do that. Let me grab some coffee and I'll be back with my ideas which may or maynot be the same as LG's...
|
2/12/2011, 11:59 pm
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re: Making a forum name stand out
I am back
First, you go to Control Panel :: Board management :: Edit colors and theme and make sure you have CSS trick #1 checked. Then in your CSS you will want to do something like this:
#fl_td_14_2 br {
display: none;
}
#fl_td_14_2 .forumlistforumname {
display: block;
height: 15px;
color: #00f;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
font-family: "Times New Roman", times, serif;
}
Now see all those "font declarations?" you can replace all of them with one line like this if you want to save space:
font: italic small-caps bold 15px "Times New Roman", times, serif;
The key is the part I have in bold which is the forums number when counting down from the top. So if your "Office" forum is the 6th one down you change the number from 14 (which is what I used in the example) to a 6 so the CSS is pointing at that forum.
The code used in this example is being used at Runboard Design to highlight the "Board Care" forum if you want to see what it looks like...
|
2/13/2011, 12:45 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re:
Oh yeah, before I forget, I used all the font declarations to show you what all is possible, you don't have to use them all if you don't want to...
|
2/13/2011, 1:50 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Making a forum name stand out
That certainly stands out.
If you only want to change the color of the text and nothing else, you can leave out this part:
#fl_td_14_2 br {
display: none;
}
And just use this without the rest of the styling:
#fl_td_14_2 .forumlistforumname {
color: #00f;
}
Either way, you'll need to check the CSS trick #2 box that PR mentioned.
You can also change the color of the description the same way, like I did at CSD with the "Rules" description.
#fl_td_14_2 .forumlistdescription {
color: #00f;
}
|
2/13/2011, 2:52 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Erika
Registered: 06-2003
Location: Runboard Staff
Posts: 3896
Karma: 184 (+192/-8)
|
Reply | Quote
|
|
Re:
Thankyou for this. I did Pastor Ricks one, and activated CSS trick 1. But, it changed the colour of a different forum, even though it was not the number I had placed in. ??
I liked the colours and styles that PR had put, so that will do for now and I can change them again a different time if I want to, probably wont. But as I said I did it for forum 20
quote:
#fl_td_20_2 br {
display: none;
}
#fl_td_20_2 .forumlistforumname {
display: block;
height: 15px;
color: #00f;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
font-family: "Times New Roman", times, serif;
}
But it changed it for forum 19
|
2/13/2011, 12:37 pm
|
Link to post
PM Erika
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re:
Hmmm... off the top of my head I cannot think of a reason it would do that...
|
2/13/2011, 1:59 pm
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Making a forum name stand out
Are you saying it did it for the forum that has "f19" in the URL, or the 19th forum listed in the forum index? Using "20" in that code should have changed the 20th forum listed in the forum index.
At Runboard Extra, in the sidebar under "Testers Corner", copy the link that says "Show TDs with IDs", paste it into your address bar while you're looking at a forum index, then hit enter. This will show you how those #fl_td_??_?? IDs are arranged.
|
2/13/2011, 3:01 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re:
Those tools are so cool and the changes they make go away when you hit the refresh button so once you get the information you need hit refresh and everything goes back to normal.
|
2/13/2011, 3:17 pm
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Erika
Registered: 06-2003
Location: Runboard Staff
Posts: 3896
Karma: 184 (+192/-8)
|
Reply | Quote
|
|
Re:
Sorry, but I don't understand that. Your board went red. There was nothing to copy and I really don't ???
But yes when I did the code it changed forum 19 and not 20. (f19)
|
2/13/2011, 4:03 pm
|
Link to post
PM Erika
|