<script type='text/javascript' src='http://www.graphicha.com/wp-content/themes/Graphicha/js/jquery-1.6.2.js'></script> <script type='text/javascript' src='http://www.graphicha.com/wp-content/themes/Graphicha/js/jcarousellite.js'></script>
<script type='text/javascript' src='http://www.graphicha.com/wp-content/themes/Graphicha/js/scripts-main.js'></script>
<style>
#loginbtn{position:fixed; width:60px; height:71px; float:right; right:0px; top:250px; z-index:99;}
#loginbtn ul{width:30px; float:right; position:relative; z-index:1;}
#loginbtn li.login {margin:0px; list-style:none;}
#loginbtn li.login a {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/login_btn.jpg') no-repeat; width:30px; height:38px; float:right;}
#loginbtn li.login a span.hover{background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/login_btn.jpg') no-repeat 0px -38px; width:30px; height:35px; position:absolute; opacity:0;}
#entertxt {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/enter_txt.png') no-repeat; width:24px; height:10px; margin-top:15px; position:absolute; z-index:0; right:0px; opacity:0;}
#registertxt {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/register_txt.png') no-repeat; width:39px; height:12px; margin-top:48px; position:absolute; z-index:0; right:0px; opacity:0;}
#contacttxt {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/contact_txt.png') no-repeat; width:51px; height:12px; margin-top:85px; position:absolute; z-index:0; right:0px; opacity:0;}
#buytxt {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/buy_txt.png') no-repeat; width:57px; height:12px; margin-top:15px; position:absolute; z-index:0; right:0px; opacity:0;}
#exittxt {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/exit_txt.png') no-repeat; width:27px; height:14px; margin-top:48px; position:absolute; z-index:0; right:0px; opacity:0;}
#loginbtn li.register {margin:0px; list-style:none;}
#loginbtn li.register a {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/reg_btn.jpg') no-repeat; width:30px; height:36px; float:right;}
#loginbtn li.register a span.hover{background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/reg_btn.jpg') no-repeat 0px -36px; width:30px; height:36px; position:absolute; opacity:0;}
#loginbtn li.contact {margin:0px; list-style:none;}
#loginbtn li.contact a {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/contact_btn.jpg') no-repeat; width:30px; height:36px; float:right;}
#loginbtn li.contact a span.hover{background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/contact_btn.jpg') no-repeat 0px -36px; width:30px; height:36px; position:absolute; opacity:0;}
#loginbtn li.buy {margin:0px; list-style:none;}
#loginbtn li.buy a {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/buy_btn.jpg') no-repeat; width:30px; height:38px; float:right;}
#loginbtn li.buy a span.hover{background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/buy_btn.jpg') no-repeat 0px -38px; width:30px; height:38px; position:absolute; opacity:0;}
#loginbtn li.exit {margin:0px; list-style:none;}
#loginbtn li.exit a {background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/exit_btn.jpg') no-repeat; width:30px; height:36px; float:right;}
#loginbtn li.exit a span.hover{background:url('http://www.graphicha.com/wp-content/themes/Graphicha/images/exit_btn.jpg') no-repeat 0px -36px; width:30px; height:36px; position:absolute; opacity:0;}
</style>
<div id="loginbtn">
<ul>
<li class="login">
<a class="fancybox" href="لینک 1">
<span class="hover"></span>
</a>
</li>
<li class="register">
<a class="fancybox" href="لینک 2">
<span class="hover"></span>
</a>
</li>
<li class="contact">
<a rel="nofallow" href="لینک 3">
<span class="hover"></span>
</a>
</li>
</ul>