Sharepoint login Sign In button icon

Scenario:
Client wanted to have a better Sign In image. Out of box Sign In link sucks.

Solution:
Small java script did it the trick.



Code:

<script type="text/javascript" >

function newSignInImage()
{

var div = document.getElementById('ctl00_PlaceHolderGlobalNavigation_IdWelcome_ExplicitLogin');

div.parentNode.innerHTML = "<A id='a' style='DISPLAY: block;padding-right:5px' href='/_layouts/Authenticate.aspx?Source=/' ><img border=0 src='/images/Nav_SignIn.gif' alt='signinimage'/>";

}

_spBodyOnLoadFunctionNames.push("newSignInImage");
 
</script>