Custom Facebook Like Button

< style>
img. nohover border: 0
img. hover border: 0; exhibit: none
A: hover img. hover exhibit: inline
A: hover img. nohover exhibit: none


#container
background-image: url(urlhttp: //www. designlique. com. au/host/images/main. jpg); /url
background-repeat: no-repeat;
length: 800px;
width: 540px;
margin-top: 0px;
margin-left: 0px;

#nav
length: 40px;
width: 419px;
margin-left: 61px;
margin-top: 57px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
job: absolute;

#face
length: 348px;
width: 326px;
background-repeat: no-repeat;
margin-top: 100px;
job: relative;
margin-left: 40px;

#about
font-size: 12px;
shade: #ffffff;
height: 30px;
thickness: 68px;
background-image: url(images/about_up. png);
margin-top: 30px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
background-repeat: no-repeat;
text-align: centre;
vertical-align: middle;

#portfolio
length: 30px;
width: 67px;
background-image: url(images/portfolio_up. png);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
text-align: centre;
vertical-align: middle;

iframe
length: 348px;
width: 326px;
background-image: url(images/face_up. png);
background-repeat: no-repeat;
job: relative;
margin: 0px;
support: 0px;

< /style>

< website link href=" button. css" rel=" stylesheet" type=" text/css" >
< div id=" fb-root" >

< div id=" container" >
< div id=" nav" >
< SOME SORT OF HREF=" http: //www. designlique. com. au/host/images/about. html" >
< img src=" http: //www. designlique. com. au/host/images/about_up. png" class=" nohover" >
< img src=" http: //www. designlique. com. au/host/images/about_over. png" class=" hover" >
< /A>

< SOME SORT OF HREF=" http: //www. designlique. com. au/host/images/portfolio. html" >
< img src=" http: //www. designlique. com. au/host/images/portfolio_up. png" class=" nohover" >
< img src=" http: //www. designlique. com. au/host/images/portfolio_over. png" class=" hover" >
< /A>
< SOME SORT OF HREF=" http: //www. designlique. com. au/host/images/tutorials. html" >
< img src=" http: //www. designlique. com. au/host/images/tutorials_up. png" class=" nohover" >
< img src=" http: //www. designlique. com. au/host/images/tutorials_over. png" class=" hover" >
< /A>
< SOME SORT OF HREF=" http: //www. designlique. com. au/host/images/faqs. html" >
< img src=" http: //www. designlique. com. au/host/images/faqs_up. png" class=" nohover" >
< img src=" http: //www. designlique. com. au/host/images/faqs_over. png" class=" hover" >
< /A>
< SOME SORT OF HREF=" http: //www. designlique. com. au/host/images/contact. html" >
< img src=" http: //www. designlique. com. au/host/images/contact_up. png" class=" nohover" >
< img src=" http: //www. designlique. com. au/host/images/contact_over. png" class=" hover" >
< /A>

< div id=" face" >

< SOME SORT OF HREF=" http: //www. myspace. com/pages/Design-Lique/134593499919844#" >
< img src=" http: //www. designlique. com. au/host/images/face_up. png" class=" nohover" >
< img src=" http: //www. designlique. com. au/host/images/face_over. png" class=" hover" >
< /A>

< /div> < /div>