Thursday, September 11, 2008

Plurk CSS Code to change the "Loading" image you see in the middle of the screen when you timeline is being loaded/updated/F5ing it.

The "http://i34.tinypic.com/xxel4.gif" is where you place your own image.(or use this one)


/* Timeline Image Loading */
img[src='http://static.plurk.com/static/loading.gif'] {
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}

#div_loading {
background-image: url(http://i34.tinypic.com/xxel4.gif);
background-repeat:no-repeat;
background-position: 50% 60px;
}

div.loading_div {
background-image: url(http://i34.tinypic.com/xxel4.gif);
background-repeat:no-repeat;
background-position: right center;
}

/* End Timeline Image Loading */

No comments: