Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

Page:  1  2  3  4  5 

 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Topic Preview added May 18, 2010


Now, when you hover on the link to a topic from the topic list, it will show you a preview of the first post.

The following styling for this tooltip has been added to the default css for boards:

.ak_msg_topic_preview_div {
   width: 400px;
   padding: 0.25em;
   border: 2px solid #ccc;
   background: #eee;
   font-size: 11px;
   color: #000;
}

If you want to customize it, you only need to redefine the things you want changed. For this board, I only wanted to change the color of the border, while keeping the rest of the styling the same as the default css, so I added this to Runboard Support's CSS:

.ak_msg_topic_preview_div {
   border-color: #a7b5c2;
}

Anyone who creates a board after the time of this post and uses one of the preset themes may already have extra styling in their CSS for this, so if you want to do any additional styling, look for that class name (.ak_msg_topic_preview_div) in your CSS before adding it. If that class name already exists there, just edit that section of the CSS. If the class name doesn't exist there, you can add it.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/18/2010, 6:32 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 4623
Karma: 128 (+137/-9)
Re: Topic Preview added May 18, 2010


Wow! I like this very much!

---

SS eH PF
5/18/2010, 7:51 pm Link to post PM Susa Blog
 
Erika Profile
Live feed
Blog
Friends
Miscellaneous info




Registered: 06-2003
Location: Runboard Staff
Posts: 3896
Karma: 184 (+192/-8)
Re: Topic Preview added May 18, 2010


Ohhhhhhhhhhhhhhh This is fantastic.
I am now going to go and get it on a few boards. emoticon
Great work Thor & Lesa. emoticon

Do you have to add anything anywhere other than CSS, as I have just added it to my board and nothing changed. I added your first part to start out to see what that was like before I changed anything.

Last edited by Erika, 5/18/2010, 8:04 pm


---
Runboard Support
List Your Board
TCC <closed right now>
BotY Winner 2012
5/18/2010, 7:59 pm Link to post PM Erika
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 4623
Karma: 128 (+137/-9)
Re: Topic Preview added May 18, 2010


It was already working on my board! Does that mean it was already added to the CSS?




---

SS eH PF
5/18/2010, 8:12 pm Link to post PM Susa Blog
 
Erika Profile
Live feed
Blog
Friends
Miscellaneous info




Registered: 06-2003
Location: Runboard Staff
Posts: 3896
Karma: 184 (+192/-8)
Re: Topic Preview added May 18, 2010


I thought it may be on mine too but its not, and I know I will be doing something wrong, so im not touching anything else till I have been rescued emoticon

---
Runboard Support
List Your Board
TCC <closed right now>
BotY Winner 2012
5/18/2010, 8:18 pm Link to post PM Erika
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Re: Topic Preview added May 18, 2010


You're welcome. Glad you like it. emoticon

It's already styled in the default CSS, so you only have to add CSS for it if you want to change something on it. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/18/2010, 8:31 pm 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)
Re: Topic Preview added May 18, 2010


In another of my boards its showing up but I can't find(.ak_msg_topic_preview_div)
in the CSS.

And its not working on TCC emoticon

---
Runboard Support
List Your Board
TCC <closed right now>
BotY Winner 2012
5/18/2010, 8:40 pm Link to post PM Erika
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Re: Topic Preview added May 18, 2010


Hard refresh. Maybe the new CSS isn't taking effect on your browser.

You won't find that class name in existing boards, but you can add it.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/18/2010, 9:03 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 4623
Karma: 128 (+137/-9)
Re: Topic Preview added May 18, 2010


It's gone from my board, now. Image

---

SS eH PF
5/19/2010, 1:30 am Link to post PM Susa Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
Re: Topic Preview added May 18, 2010


Tested with Chrome, Flock, Opera, FF, and IE-(5.5, 6, 7, and 8).

With Flock I had to refresh the screen before the tooltips worked but that was the only browser that didn't show me the tooltips right off.

Great job Image

---

Advertise Boards On TRDConceptsDE
5/19/2010, 3:44 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Page:  1  2  3  4  5 



You are not logged in (login)