کد بسیار زیبای باکس دارای تب

این باکس زیبا فقط و فقط با اچ تی ام ال ، جاوا اسکریپت و سی اس اس طراحی شده و حجم کمی نیز دارد. شما می توانید با این کد زیبا باکسی را با هشت تب که قابل ارتقاع هم هست (برای ارتقاع در انجمن سایت بیان کنید) درست کنید که مطالب خود را در آن می توانید بنویسید و کاربر را دیوانه خود کنید.

<SCRIPT LANGUAGE="JavaScript"> browserName = navigator.appName;browserVer = parseInt(navigator.appVersion);ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);function doPic(init) {if (ns3up || ie4up){document.getElementById('slidetext').innerHTML = init;}} </script> <style type="text/css"> .tablet{background:bisque;border:1px burlywood dashed;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;width:400px;direction:rtl;font:11px tahoma;} .tablet .tr a{text-align:center;text-decoration:none;color:#333;display:block;padding:5px;font:15px tahoma;} .tablet .tr a:hover,.tablet .tr a:focus,.tablet .tr a:active{background-color:blanchedalmond;border:none;} .tablet td{border:1px burlywood dashed;} .tablet-td{background-color:blanchedalmond;padding:5px;height:200px;text-align:right;overflow:auto;} </style> <center> <table class="tablet" cellspacing=0 cellpadding=0> <tr class="tr"> <td><a href="javascript:doPic('متن اول شما');">۱</a></td> <td><a href="javascript:doPic('متن دوم شما');">۲</a></td> <td><a href="javascript:doPic('متن سوم شما');">۳</a></td> <td><a href="javascript:doPic('متن چهارم شما');">۴</a></td> </tr> <tr> <td valign="top" class="tablet-td" colspan=4> <div id="slidetext"> <a href="http://www.moisrex.rozblog.com">www.moisrex.rozblog.com</a> </div> </td> </tr> <tr class="tr"> <td><a href="javascript:doPic('متن پنجم شما');">۵</a></td> <td><a href="javascript:doPic('متن ششم شما');">۶</a></td> <td><a href="javascript:doPic('متن هفتم شما');">۷</a></td> <td><a href="javascript:doPic('متن هشتم شما');">۸</a></td> </tr> </table> </center> <a href="http://moisrex.rozblog.com/" style=display:none">کد باکس زیبا برای وبلاگ</a>