Friday, August 29, 2008

Plurk CSS Update for the user info box - code for changing the down/up arrows.


/* change the down arrow graphic */
.drop_arrow div img[src="http://static.plurk.com/static/info_list/down.png"] {
background: url(http://i38.tinypic.com/21jy4nq.png) no-repeat scroll left top;
background-position: left top;
overflow: hidden;
height: 17px;
width: 0px;
padding-left: 22px;
}


/* change the up arrow graphic */
.drop_arrow div img[src="http://static.plurk.com/static/info_list/up.png"] {
background: url(http://i38.tinypic.com/5k3h2r.png) no-repeat scroll left top;
background-position: left top;
overflow: hidden;
height: 17px;
width: 0px;
padding-left: 22px;
}

Much thanks to AZJazzyJ for the help on the blue arrow PNG files :) and skraggy for pointing the right direction

No comments: