کد زیبای اطلاعات تماس - ثابت در کنار صفحه

با استفاده از این کد شما میتوانید اطلاعات تماس خود را به طور ثابت و زیبا در کنار صفحه نمایش دهید.

البته لازم است که اطلاعاتی مانند شماره یا ایمیل را به صورت دستی در کد وارد کنید.

برای استفاده از این کد طبق دستور زیر عمل کنید:

این کد را قبل از تگ <head/> قرار دهید :

<style> #support { position:fixed; top:190px; right:0; width:200px; height:126px; } #supporting { background:url(http://mhmk.vatan-host.ir/matlab2/support.png) no-repeat left; width:35px; height:126px; float:right; } #supp { float:right; display:none; background:#eaeaea; border:1px solid #bfbfbf; border-left:none; width:165px; height:124px; } #supporting:hover #supp { display:block; margin-right:-166px; } #supporting:hover { padding-right:165px; } #supp a{ display:block; width:140px; direction:rtl; text-align:right; background:#e3e3e3; font:bold 11px tahoma; padding:2px 8px 8px 8px; text-shadow:1px 1px 0px rgba(256,256,256,0.3); margin:5px; color:#666; } #supp a:hover { background:#2ea1c0; text-shadow:1px 1px 0px rgba(0,0,0,0.2); color:#fff; } #supp a img { float:left; } </style>

این کد را قبل از تگ <body/> قرار دهید :

<div id="support"> <div id="supporting"> <div id="supp"> <a>شماره تماس : [phone]</a> <a href="mailto:ایمیل شما اینجا">ایمیل</a> <a href="javascript:void(0)" onclick="window.open('@contactHref','_blank','width=450, height=460, scrollbars=yes, resizable=yes');">ارتباط با ما</a> <a href="http://1code.blogsky.com/">مرجع بلاگ اسکای</a> </div> </div> </div>