Demo:
- Code:
<div class="nav-right" id="nav_right"><div
class="home-button"><a href="" original-title=""><img
src="http://i38.servimg.com/u/f38/17/94/88/45/home10.png"></a></div><div
class="facebook-like"><iframe
src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.smilehappy.ace.st&send=false&layout=box_count&width=20&show_faces=false&action=like&colorscheme=light&font=tahoma&height=90&appId=441008749271879&locale=en_US"
style="border:none; overflow:hidden; width:70px; height:70px;"
allowtransparency="true" frameborder="0"
scrolling="no"></iframe></div><div
class="google-plus"><script type="text/javascript"
src="https://apis.google.com/js/plusone.js"
gapi_processed="true"></script><div id="___plusone_0"
style="text-indent: 0px; margin: 0px; padding: 0px; background-color:
transparent; border-style: none; float: none; line-height: normal;
font-size: 1px; vertical-align: baseline; display: inline-block; width:
106px; height: 24px; background-position: initial initial;
background-repeat: initial initial;"><iframe frameborder="0"
hspace="0" marginheight="0" marginwidth="0" scrolling="no"
style="position: static; top: 0px; width: 106px; margin: 0px;
border-style: none; left: 0px; visibility: visible; height: 24px;"
tabindex="0" vspace="0" width="100%" id="I0_1376038281877"
name="I0_1376038281877"
src="https://apis.google.com/u/0/_/+1/fastbutton?bsv&hl=en-US&origin=http%3A%2F%2Fsmilehappy.ace.st&url=http%3A%2F%2Fsmilehappy.ace.st%2Fforum&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.vi.ET45CLvhiJ8.O%2Fm%3D__features__%2Fam%3DEQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTOD9kacOhhEY32yvViZpuuUyAjvkw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I0_1376038281877&parent=http%3A%2F%2Fsmilehappy.ace.st&pfname=&rpctoken=27653018"
allowtransparency="true" data-gapiattached="true"
title="+1"></iframe></div></div><div
class="top-text"><div id="backlight"></div><a
onclick="return toggleLight()"
href="javascript<b></b>:void(0)"
id="lightBtn" original-title="">Tắt
Đèn</a></div></div>
- Code:
.nav-right {
width: 70px;
height: 335px;
position: fixed;
top: 150px;
left: 30px;
background: url("http://i38.servimg.com/u/f38/17/94/88/45/right_10.png") no-repeat scroll 0% 0% rgba(0, 0, 0, 0);
}
.home-button {
margin-top: 90px;
margin-left: 15px;
}
.facebook-like {
text-align: center;
margin-left: 10px;
margin-top: 5px;
}
.google-plus {
text-align: center;
}
.top-text {
text-align: center;
margin-top: 67px;