A few people have recently asked how I did the admin backgrounds over at support, so here is a tutorial to help you create your own.
You can alter your moderator and admin post backgrounds to have a different colour and/or an image to identify them. What you need to do first is find or
create an image that you wish to use, and make it a suitable size for use.
There are several places you can put an image in the posting box, the two main ones are the poster-detail box (as done at support) or the post-content box
(as done here at skins)
Using the code below, switch your image url in to replace the one highlighted, adjust the sizes specified, replace the hex code with the background colour
you want to use, then edit the names "admin1" and "admin2" to put your own staff's names in the list.
To add more staff, just copy the first line and paste it below the first line. When checking your work afterward, it's essential to ensure that every
name line has a comma after it except the last one, immediately before the "{" sign
Here is the code to emulate what is used at support with the image in the poster-detail box:
.admin1 .poster-detail,And this one places an image in the body of the post, as seen here at skins.
.admin2 .poster-detail {
background: #E3EEF6 url(http://images.yuku.com/image/gif/45f21c648f993ef88fb40ad5f900440ebd0.gif) no-repeat 148px 0;
height: 180px;
}
.admin1 td,
.admin2 td { background-color: #E3EEF6; }
.admin1 td.post-content,Don't forget - you need to adjust the height and width specified to match the image you've used or it won't show up correctly.
.admin2 td.post-content {
background: url(http://images.yuku.com/image/gif/491116485b7610804a570fe43ee97ce436c.gif) no-repeat top right;
}
.admin1 td,
.admin2 td { background-color: #E3EEF6; }
