Graphic beside name in member list https://bdesignelements.runboard.com/t158 Runboard| Graphic beside name in member list en-us Fri, 29 Mar 2024 10:29:38 +0000 Fri, 29 Mar 2024 10:29:38 +0000 https://www.runboard.com/ rssfeeds_managingeditor@runboard.com (Runboard.com RSS feeds managing editor) rssfeeds_webmaster@runboard.com (Runboard.com RSS feeds webmaster) akBBS 60 Graphic beside name in member listhttps://bdesignelements.runboard.com/p452,from=rss#post452https://bdesignelements.runboard.com/p452,from=rss#post452I 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 {     display:block;     height: 16px;     padding-left: 20px;     background:url('http://www.itsthebible.com/img/tombstone.gif') 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.nondisclosed_email@example.com (Pastor Rick)Sun, 12 Jun 2011 19:38:52 +0000