I'm just taking a wild stab at this - Off the top of my head, you can apply a CSS Class to the USER tag (which show the username when you're logged in) and then use CSS.

Example:

<dnn:User runat="server" id="dnnUser" CssClass="username-button" />

.username-button {width:50px; height:20px; display:block; text-indent:-9999px; background:url(images/mybutton.png) top left no-repeat; cursor:pointer;}

Keep in mind that you need display:block and text-indent:-9999px; to remove the text so it doesn't overlay the image. I suppose you could also shrink the font-size if you don't want to have to float the element. But play around with it.

Let me know if that helps you.

Aaron

---

www.twitter.com/ajplopez | DNN Super Fan 2011 and INNO Software DNN Skin

Worked fine mate! needed some tweaking ..

Thanks once again!

.classname{display:block; float:left; position:relative; width:108px; height:110px; text-indent:-9999px; background:url(images/icon_startdancing.png) no-repeat; cursor:pointer;}