این کد رو در بین تگ head قرار بدید
<style>.mybox{ z-index:1000; padding:0; margin:0; display:block; position:fixed; text-align:right; right:0px; top:50px; direction:rtl; font:11px Comic Sans MS,Tahoma;}.mybox a{ z-index:1000; height:32px; line-height:32px; width:32px; font-size:16px; text-decoration:none; font-weight:bold; text-align:left; display:block; clear:both; direction:ltr; overflow:hidden; -khtml-border-radius:4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; margin-right:-2px; transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; letter-spacing:100px; margin-bottom:2px;}.mybox a:hover{ z-index:1000; width:232px; color:#FFFFFF; letter-spacing:0;}.mybox a span{ z-index:1000; display:inline-block; width:32px; height:32px; text-align:center; margin-right:232px; transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -khtml-transition:all 0.4s ease-in-out; letter-spacing:0;}.mybox a:hover span{ z-index:1000; margin-right:-10px; }.mybox a.fresh{ z-index:1000; background: #113355; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMzM1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #113355 0%, #336699 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113355), color-stop(100%,#336699)); background: -webkit-linear-gradient(top, #113355 0%,#336699 100%); background: -o-linear-gradient(top, #113355 0%,#336699 100%); background: -ms-linear-gradient(top, #113355 0%,#336699 100%); background: linear-gradient(to bottom, #113355 0%,#336699 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113355', endColorstr='#336699',GradientType=0 ); color:#135;}.mybox a.fresh span,.mybox a.fresh:hover{ z-index:1000; color:#FFFFFF;}.mybox a.list { z-index:1000; background: #009999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #009999 0%, #005555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009999), color-stop(100%,#005555)); background: -webkit-linear-gradient(top, #009999 0%,#005555 100%); background: -o-linear-gradient(top, #009999 0%,#005555 100%); background: -ms-linear-gradient(top, #009999 0%,#005555 100%); background: linear-gradient(to bottom, #009999 0%,#005555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009999', endColorstr='#005555',GradientType=0 ); color:#099;}.mybox a.list span,.mybox a.list:hover{ z-index:1000; color:#FFFFFF;}.mybox a.google { z-index:1000; background: #800000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #800000 0%, #990000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800000), color-stop(100%,#990000)); background: -webkit-linear-gradient(top, #800000 0%,#990000 100%); background: -o-linear-gradient(top, #800000 0%,#990000 100%); background: -ms-linear-gradient(top, #800000 0%,#990000 100%); background: linear-gradient(to bottom, #800000 0%,#990000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#990000',GradientType=0 ); color:#800000;}
.mybox a.google span,.mybox a.google:hover{ z-index:1000; color:#FFFFFF;}.mybox a.chatToggle { z-index:1000; background: #ffcc00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffcc00 0%, #ff6600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff6600)); background: -webkit-linear-gradient(top, #ffcc00 0%,#ff6600 100%); background: -o-linear-gradient(top, #ffcc00 0%,#ff6600 100%); background: -ms-linear-gradient(top, #ffcc00 0%,#ff6600 100%); background: linear-gradient(to bottom, #ffcc00 0%,#ff6600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff6600',GradientType=0 ); color:#fc0;}.mybox a.chatToggle span,.mybox a.chatToggle:hover{ z-index:1000; color:#000;}</style>
و این کد رو در بین تگ body قرار بدید
<div class="mybox"> <a id="fresh" class="fresh" href="javascript:document.location.reload();" title="رفرش صفحه"><span>Re</span> fresh This Page</a> <a id="list" class="list" href="#" id="listToggle" onclick="if(this.innerHTML=='<span>On</span> line List Show'){document.getElementById('onlinelist').show();this.innerHTML='<span>On</span> line List Delete';this.title='حذف لیست آنلاین ها';}else if(this.innerHTML=='<span>On</span> line List Delete'){document.getElementById('onlinelist').hide();this.innerHTML='<span>On</span> line List Show';this.title='نمایش لیست آنلاین ها';}" title="حذف لیست آنلاین ها"><span>On</span> line List Delete</a> <a id="chatToggle" class="chatToggle" href="#" id="chatToggle" onclick="if(this.innerHTML=='<span>Om</span> oomi Show'){document.getElementById('chatinhalt').show();this.innerHTML='<span>Om</span> oomi Delete';document.getElementById('linkdooni').show();this.title='حذف عمومی چت روم';}else if(this.innerHTML=='<span>Om</span> oomi Delete'){document.getElementById('chatinhalt').hide();this.innerHTML='<span>Om</span> oomi Show';document.getElementById('linkdooni').hide();this.title='نمایش عمومی چت روم';}" title="حذف عمومی چت روم"><span>Om</span> oomi Delete</a> <a class="google" dir="center" title="چپ چین و راست چین"><span>< > </span> Left <input type="radio" onclick=" if(this.value==0){ document.getElementById('chatinhalt').style.direction='ltr'; } " value="0" name="chk1" title="چپ چین"></input> Right <input type="radio" onclick=" if(this.value==1){ document.getElementById('chatinhalt').style.direction='rtl'; } " value="1" name="chk1" title="راست چین"></input> </a></div>
شات=
منبع=ای تی چت میل
پس به همین دلیل ازتون ممنون میشیم که سوالات غیرمرتبط با این مطلب را در انجمن های سایت مطرح کنید . در بخش نظرات فقط سوالات مرتبط با مطلب پاسخ داده خواهد شد .