You're welcome.
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

Runboard Social       Sign up (learn about it) ● Sign in (lost password?)

Pastor Rick Profile
Live feed
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 526
Karma: 11 (+12/-1)
Reply ● Quote
Graphic beside name in member list

I went exploring for a method of placing a graphic beside a members name last year when a friend of mine passed away and I just couldn't bring myself to remove him from the members list. This year it happened again and I am certain that other board owners go through the same anguish so here is the code I used.

/* In Memory [sign in to see URL]. */
.ak_msg_seememberlist_user_td1 [sign in to see URL]username:link, .ak_msg_seememberlist_user_td1 [sign in to see URL]username:visited, .ak_msg_seememberlist_user_td2 [sign in to see URL]username:link, .ak_msg_seememberlist_user_td2 [sign in to see URL]username:visited {
    height: 16px;
    padding-left: 20px;
    background:url('[sign in to see URL]') top left no-repeat;

Notice that for each user you want to give a special graphic to you have to name that person four times because you do not know which column the user will end up in as your board membership changes.

If the user has a space in their name (like I do) you also have to use the underscore instead of a space. Lastly, the username needs to be in lowercase.

The graphic must be 2 pixels shorter than the line height to avoid breaking the layout. So in the code above the height says 16px and my little tombstone graphic is 14px high.

Last edited by Pastor Rick, 6/12/2011, 11:22 pm


RSFRDAdvertise Boards On TRDREITB
6/12/2011, 7:38 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog

Add a reply

You are not logged in (login)