You're welcome to use these buttons or create your own.
First of all, add the following code to your page's head tag:
<link rel="stylesheet" type="text/css" href="http://static.newhaze.com/res/JeX/oCl/JeXoClEdF0dGpoKd1DfTU9l4dAyDKSOT.css" />
Then to display the button, you need the following code (remember to update the href attribute of the a tag to your login URL):
Large button with logo:
<div class="nh1">
<a href="" class="nh2 nh5"><span class="nh3">nh</span><span class="nh4">Login with NewHaze</span></a>
</div>
Large button without logo:
<div class="nh1">
<a href="" class="nh2">Login with NewHaze</a>
</div>
Medium button with logo:
<div class="nh1">
<a href="" class="nh2 nh5 nh6"><span class="nh3">nh</span><span class="nh4">Login with NewHaze</span></a>
</div>
Medium button without logo:
<div class="nh1">
<a href="" class="nh2 nh6">Login with NewHaze</a>
</div>
Small button with logo:
<div class="nh1">
<a href="" class="nh2 nh5 nh7"><span class="nh3">nh</span><span class="nh4">Login with NewHaze</span></a>
</div>
Small button without logo:
<div class="nh1">
<a href="" class="nh2 nh7">Login with NewHaze</a>
</div>
© 2012 NewHaze Icons by Pixel Mixer Help