Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Ugly blue checkboxes in Chrome since the last update? checkbox

See how to fix it here!

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter





runboard.com       You are not logged in.

Page:  1  2 

 
Erika Profile
Live feed
Blog
Friends
Miscellaneous info




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


---
Runboard Support
List Your Board
TCC <closed right now>
BotY Winner 2012
2/12/2011, 7:48 pm Link to post PM Erika
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
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...

---

Advertise Boards On TRDConceptsDE
2/12/2011, 11:59 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
Karma: 272 (+331/-59)
Reply | Quote
Re: Making a forum name stand out


I am back emoticon

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...

---

Advertise Boards On TRDConceptsDE
2/13/2011, 12:45 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
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...

---

Advertise Boards On TRDConceptsDE
2/13/2011, 1:50 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25449
Karma: 425 (+478/-53)
Reply | Quote
Re: Making a forum name stand out


That certainly stands out. emoticon

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;
}


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
2/13/2011, 2:52 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Erika Profile
Live feed
Blog
Friends
Miscellaneous info




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

---
Runboard Support
List Your Board
TCC <closed right now>
BotY Winner 2012
2/13/2011, 12:37 pm Link to post PM Erika
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
Karma: 272 (+331/-59)
Reply | Quote
Re:


Hmmm... off the top of my head I cannot think of a reason it would do that...

---

Advertise Boards On TRDConceptsDE
2/13/2011, 1:59 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25449
Karma: 425 (+478/-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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
2/13/2011, 3:01 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10244
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. emoticon

---

Advertise Boards On TRDConceptsDE
2/13/2011, 3:17 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Erika Profile
Live feed
Blog
Friends
Miscellaneous info




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)

---
Runboard Support
List Your Board
TCC <closed right now>
BotY Winner 2012
2/13/2011, 4:03 pm Link to post PM Erika
 


Add a reply

Page:  1  2 



You are not logged in (login)