Слава Україні!
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

User Quick Links:       Sign up (learn about it) ● Sign in (lost password?)

Pastor Rick Profile
Live feed
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 560
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 R.I.P. */
.ak_msg_seememberlist_user_td1 a.ul_username:link, .ak_msg_seememberlist_user_td1 a.ul_username:visited, .ak_msg_seememberlist_user_td2 a.ul_username:link, .ak_msg_seememberlist_user_td2 a.ul_username:visited {
    height: 16px;
    padding-left: 20px;
    background: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


Advertise Boards On TRDConceptsDE
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)