اريد الكود الذى فى هذا المنتدى

/* Start Shbkat Css */
html {
   margin: 0px;
   padding: 0px;
   font-family: tahoma;
   font-size: 11px;
   color: #0a6680;
}
body {
   margin: 0px;
   padding: 0px;
   direction:rtl;
   font-family: tahoma;
   font-size: 11px;
   color: #0a6680;
   min-width:980px;
   background: #1493aa url(img/top_bg.jpg) center top repeat-x scroll;
}

ul, li, h1, h2, h3, h4 {
   margin: 0px;
   padding: 0px;
   list-style: none;
   list-style-position: inside;
}
img {
   border: none;
}
a, input, a:hover, textarea, sub, select {
   text-decoration: none;
   outline: 0px none;
   margin: 0px;
   padding: 0px;
}
input, textarea, sub, select {
   font: Normal 11px Tahoma;
   text-decoration: none;
   outline: 0px none;
   margin: 0px;
   padding: 0px;
}

fieldset {
   margin-bottom: 6px;
   border: 1px #FFFFFF solid;
}
hr {
   background: #EFEFEF;
   border-color: #FFFFFF;
}
a {
   color: #c33436;
   text-decoration: none;
}
a:link, body_alink {
   color: #c33436;
   text-decoration: none;
}
a:visited, body_avisited {
   color: #c33436;
   text-decoration: none;
}
a:hover, a:active {
   color: #626262;
   text-decoration: none;
}
.clear {
   clear:both;
}
fieldset {
   margin-bottom: 6px;
   border: 1px #FFFFFF solid;
}
hr {
   background: #EFEFEF;
   border-color: #FFFFFF;
}
legend {
   background: transparent url(img/tit.jpg) repeat-x top left;
   color: #fff;
   font: bold 11px tahoma;
   border-style: none;
   border-color: transparent;
   padding: 5px 8px;
   text-shadow: 0 1px 0 #118899;
}
fieldset {
   margin-bottom: 6px;
   border: 1px #C0C0C0 dashed;
}
hr {
   background: #C0C0C0;
   border-color: #FFFFFF;
}
a {
   color: #12869F;
   text-decoration: none;
}
a:link, body_alink {
   color: #12869F;
   text-decoration: none;
}
a:visited, body_avisited {
   color: #12869F;
   text-decoration: none;
}
a:hover, a:active {
   color: #0a6680;
   text-decoration: none;
}
.page {
   width: 960px;
   overflow: hidden;
   margin: auto;
}
.page a:link, .page_alink {
   text-decoration: none;
}
.page a:visited, .page_avisited {
   text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover {
   text-decoration: none;
}
td, th, p, li {
   font: 11px tahoma, arial, helvetica,verdana;
}
.tborder {
   background: none;
}
.tcat {
   background: transparent url('img/tab.jpg') repeat-x center -1px;
   color: #12869F;
   font: bold 12px tahoma, arial, helvetica,verdana;
   text-align: center;
   height: 20px;
   padding: 5px;
   text-shadow: 0 1px 0 #fff;
}
.tcat a:link, .tcat_alink {
   color: #fff;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited {
   color: #fff;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active {
   color: #fff;
   text-decoration: none;
}
.thead {
   background: transparent url('img/tit.jpg') repeat-x center -1px;
   color: #fff;
   font: bold 11px tahoma, arial, helvetica,verdana;
   padding: 5px;
   height: 20px;
   text-shadow: 0 1px 0 #0a6680;
}
.thead a:link, .thead_alink {
   text-decoration: none;
   color: #fff;
}
.thead a:visited, .thead_avisited {
   text-decoration: none;
   color: #fff;
}
.thead a:hover, .thead a:active, .thead_ahover {
   text-decoration: none;
   color: #fff;
}
.tfoot {
   background: transparent;
   color: #12869F;
   font: 11px tahoma, arial, helvetica,verdana;
   padding: 5px;
}
.tfoot a:link, .tfoot_alink {
   color: #12869F;
   text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited {
   color: #12869F;
   text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover {
   color: #0a6680;
   text-decoration: none;
}
.alt1, .alt1Active {
   background: #f5fdff;
   font: bold 17px arial, helvetica,verdana;
   border-top: 1px #c5f4fd solid;
   border-left: 1px #c5f4fd solid;
   border-right: 1px #c5f4fd solid;
   border-bottom: 1px #c5f4fd solid;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink {
   text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited {
   text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover {
   text-decoration: none;
}
.alt2, .alt2Active {
   background: #ecfbfe;
   font: bold 16px arial, helvetica,verdana;
   border-top: 1px #c5f4fd solid;
   border-left: 1px #c5f4fd solid;
   border-right: 1px #c5f4fd solid;
   border-bottom: 1px #c5f4fd solid;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink {
   text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited {
   text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover {
   text-decoration: none;
}
.inlinemod {
   background: #FFFFCC;
   color: #777777;
}
.wysiwyg {
   background: #FFFFFF;
   color: #0a6680;
   font: bold 16px arial, helvetica,verdana;
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink {
   color: #0a6680;
   text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited {
   color: #0a6680;
   text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {
   color: #6b232d;
   text-decoration: none;
}
textarea, .bginput {
   font: 11px tahoma, arial, helvetica,verdana;
}
.bginput option, .bginput optgroup {
   font-size: 11px;
   font-family: tahoma, arial, helvetica,verdana;
}
.button {
   font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
select {
   font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
option, optgroup {
   font-size: 11px;
   font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
.smallfont {
   font: 11px Tahoma;
   color: #33b1c2;
}
.time {
   color: #0a6680;
   font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
.navbar {
   font: bold 9px tahoma, arial, helvetica,verdana;
}
.navbar a:link, .navbar_alink {
   text-decoration: none;
}
.navbar a:visited, .navbar_avisited {
   text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover {
   text-decoration: none;
}
.highlight {
   color: #0a6680;
   font-weight: bold;
}
.fjsel {
   background: #DEDEDE;
   color: #777777;
}
.fjdpth0 {
   background: #DEDEDE;
   color: #0a66800a6680;
}
.panel {
   background: #EFEFEF;
   color: #5b1d26;
   padding: 10px;
   border: 0px;
   margin: 5px;
}
.panel a:link, .panel_alink {
   text-decoration: none;
}
.panel a:visited, .panel_avisited {
   text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover {
   text-decoration: none;
}
.panelsurround {
   background: #DEDEDE;
   color: #0a66800a6680;
   font-size: 16px;
   font-weight: bold;
}
.vBulletin_editor {
}
.vbmenu_control {
   background: transparent url('img/tab.jpg') repeat-x center -1px;
   color: #fff;
   font: bold 12px tahoma, arial, helvetica,verdana;
   text-align: center;
   height: 20px;
   padding: 5px;
   text-shadow: 0 1px 0 #eee;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink {
   color: #1499ae;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited {
   color: #1499ae;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {
   color: #0a6680;
   text-decoration: none;
}
.vbmenu_popup {
   background: #ececec;
   color: #12869F;
   font-family: tahoma, arial, helvetica,verdana;
}
.vbmenu_option {
   background: #ececec;
   color: #12869F;
   font: 11px tahoma, arial, helvetica,verdana;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink {
   color: #12869F;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited {
   color: #12869F;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {
   color: #12869F;
   text-decoration: none;
}
.vbmenu_hilite {
   background: #f4f4f4;
   color: #0a6680;
   font: 11px tahoma, arial, helvetica,verdana;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink {
   color: #0a6680;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
   color: #0a6680;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
   color: #0a6680;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername {
   font-size: 14pt;
}
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead {
   padding: 4px;
}
/* ***** basic styles for multi-page nav elements */
.pagenav a {
   text-decoration: none;
}
.pagenav td {
   padding: 2px 4px 2px 4px;
}
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited {
   color: #777777;
   text-decoration: none;
}
a.shade:active, a.shade:hover {
   color: #FF0000;
   text-decoration: underline;
}
.tcat .shade, .thead .shade, .tfoot .shade {
   color: #DDDDDD;
}
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
   margin-bottom: 6px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li {
   font-size: 11px;
}
/* Css */
.button {
   color: #12869F;
   padding: 5px;
}
.infouser {
   font: normal 11px "tahoma";
   letter-spacing: 0px;
   vertical-align: middle;
   padding: 1px 2px;
   margin: 0 2px 2px;
}
.avataruser {
}
.avataruser img {
   margin: auto;
   border: 1px #FFFFFF solid;
   margin-top: 15px;
   padding: 5px;
   background: #ECECEC;
}
/* - shbkat - */
:hover.tcat {
}
:hover.alt1 {
   background: #FFFFFF;
}
:hover.alt2 {
   background: #FFFFFF;
}
:hover.alt1Active {
   background: #FFFFFF;
}
:hover.button {
   color: #333333;
}
:hover.vbmenu_control {
}
/* Start Cat */
.Cat {
   overflow: hidden;
   width:100%;
   margin:10px auto;
}
.Cat h1 {
   font-size: 18px;
}
.CatTop {
   background:url(img/cat_top_bg.jpg) repeat-x scroll center top;
   height: 49px;
   width: 100%;
}
.CatTop_Right {
   float: right;
   width: 448px;
   height: 49px;
   background: transparent url(img/cat_top_r.jpg) no-repeat scroll right top;
}
.CatTop_Right h1 {
   color: #12869f;
   text-align: right;
   float: right;
   width: 388px;
   font: bold 16px arial;
   text-shadow: 0 1px 0 #e2e2e2;
   margin-right: 70px;
   margin-top: 15px;
}
.CatTop_Right h1 a {
   color: #12869f;
   text-shadow: 0 1px 0 #e2e2e2;
}
.CatTop_Right h1 a:hover {
   color: #0a6680;
   text-shadow: 0 1px 0 #e2e2e2;
}
.CatTop_Left {
   float: left;
   width: 334px;
   height:49px;
   background: transparent url(img/cat_top_l.jpg) no-repeat scroll left top;
}
.CatCenter_Right {
   background: transparent url(img/cat_r.jpg) repeat-y scroll right center;
   padding-right: 14px;
   background-color:#fff;
}
.CatCenter_Left {
   background: transparent url(img/cat_l.jpg) repeat-y scroll left center;
   padding-left: 14px;
   overflow:hidden;
   background-color:#fff;
}
.CatBody {
   padding: 0px;
   overflow: hidden;
}
.CatBottom {
   float: left;
   height: 53px;
   width: 100%;
   background: transparent url(img/cat_end_bg.jpg) repeat-x scroll center top;
}
.CatBottom_Right {
   float: right;
   width: 444px;
   height: 53px;
   background: transparent url(img/cat_end_r.jpg) no-repeat scroll right top;
}

.CatBottom_Left {
   float: left;
   width: 444px;
   height: 53px;
   background: transparent url(img/cat_end_l.jpg) no-repeat scroll left top;
}
/* Shbkat Start */
div {
   overflow:hidden;
}
#wrapper {
   width:100%;
   background:url(img/page_bg.jpg) center top repeat-x;
   overflow:visible;
}
#wrapper2 {
   width:100%;
   background:url(img/end_bg.jpg) center bottom repeat-x;
   overflow:visible;
}
#container {
   margin:0 auto;
   overflow:hidden;
   overflow:visible;
}
.header {
   width:100%;
   height:390px;
   background:url(img/top_bg2.jpg) center bottom repeat-x;
}
.topheader {
   width:100%;
   height:85px;
}
.social {
   width:183px;
   height:50px;
   background:url(img/social.jpg) top left no-repeat;
   float:left;
}
.social ul {
   direction:rtl;
   margin:10px 0 0 0;
}
.social ul li {
   float:right;
   margin:0 0 0 2px;
}
.social ul li a {
   display:block;
   width:39px;
   height:38px;
}
.members {
   width:477px;
   height:36px;
   background:url(img/members.jpg) top right no-repeat;
   float:right;
}
.headercenter {
   width:100%;
   height:149px;
}
.logo {
   width:340px;
   height:80px;
   float:right;
   margin:35px 0 0 0;
   background:url(img/logo.jpg) top right no-repeat;
}
.logo a {
   width:340px;
   height:80px;
   display:block;
}
.favoret {
   width:393px;
   height:63px;
   background:url(img/adv_sh.png) bottom center no-repeat;
   float:left;
   margin:35px 0 0 20px;
}
.navBar {
   width:100%;
   height:68px;
   background:url(img/nav_bg.jpg) top center repeat-x;
}
.Color {
   width:411px;
   height:68px;
   background:url(img/color.jpg) top left no-repeat;
   float:left;
}
.Color ul {
   direction:rtl;
   margin:20px 0 0 30px;
}
.Color ul li {
   float:left;
   margin:0 0 0 3px;
}
.Color ul li a {
   display:block;
   width:35px;
   height:29px;
}
.Nav_R {
   width:540px;
   height:68px;
   background:url(img/nav_R.jpg) top right no-repeat scroll transparent;
   float:right;
}
.Nav_R ul {
   direction:rtl;
   margin:17px 40px 0 0;
}
.Nav_R ul li {
   float:right;
   margin:0 0 0 10px;
}
.Nav_R ul li a {
   display:block;
   text-align: center;
   background:url(img/menu_btn.jpg) center top no-repeat scroll transparent;
   width:104px;
   height:40px;
   line-height:38px;
   font-weight:bold;
   font-size:11px;
   color:#fff;
   text-shadow:0 1px #118899;
}
.Nav_R ul li a:hover {
   color:#0a6680;
   text-shadow:0 1px #33d7e6;
}
.Posts {
   width:100%;
   height:88px;
   background:url(img/posts_bg.jpg) top center repeat-x;
}
.Posts_L {
   width:37px;
   height:88px;
   background:url(img/posts_L.jpg) top left no-repeat;
   float:left;
}
.Posts_R {
   width:167px;
   height:88px;
   background:url(img/posts_R.jpg) top right no-repeat;
   float:right;
}
.Posts_c {
   width:70%;
   height:88px;
   float:right;
}
.Posts_R a {
   display:block;
   width:146px;
   height:48px;
   float:right;
   margin:22px 0 0 0;
}
.mypage_right {
   padding: 0 30px 0 0;
   clear:both;
   background:#eee url(img/page_right.jpg) right top repeat-y scroll;
}
.mypage_left {
   padding: 0 0 0 30px;
   clear:both;
   background:#eee url(img/page_left.jpg) left top repeat-y scroll;
}
.mypage_center {
   width:100%
}
.Footer {
   widht:100%;
   height:348px;
}
.footerTopShadwo {
   width:100%;
   height:10px;
   background:url(img/top_shadwo_bg.jpg) top center repeat-x;
}
.footerTopShadwo_L {
   background:url(img/top_shadwo_L.jpg) top left no-repeat;
   width:377px;
   height:10px;
   float:left;
}
.footerTopShadwo_R {
   background:url(img/top_shadwo_R.jpg) top right no-repeat;
   width:377px;
   height:10px;
   float:right;
}
.footer_C {
   width:100%;
   height:53px;
   background:url(img/footer_top_bg.jpg) top center repeat-x;
}
.footer_C_L {
   background:url(img/footer_top_R.jpg) top right no-repeat;
   width:651px;
   height:53px;
   float:right;
}
.footer_C_R {
   width:194px;
   height:53px;
   background:url(img/footer_social.jpg) top left no-repeat;
   float:left;
}
.footer_C_R ul {
   direction:rtl;
   margin:5px 0px 0 0;
}
.footer_C_R ul li {
   float:right;
   margin:0 0 0 2px;
}
.footer_C_R ul li a {
   display:block;
   width:39px;
   height:38px;}
.Footer_Shadwo {
   height:32px;
   background:url(img/footer_shadow.jpg) top center no-repeat;
}
.footerEnd {
   width:100%;
   height:199px;
   margin:12px 0 0 0;
}
.Mail {
   width:265px;
   height:127px;
   float:right;
   background:url(img/Mail.jpg) top right no-repeat;
   margin:0 25px 0 10px;
}
.Mail .Box {
   width:163px;
   height:44px;
   line-height: 27px;
   margin:80px 10px 0 0;
   border: none 0px;
   background:none;
   color: #fff;
   /*text-shadow:1px 1px #c5a8b6;*/
   float: right;
   direction: rtl;
}

.Mail .Go {
   width:85px;
   height:46px;
   float: left;
   margin:80px 0 0 0;
}
.links {
   width:160px;
   height:145px;
   float:right;
   margin:0 16px 0 0 ;
}
.links_h1 {
   background:url(img/link_bg.jpg) top center no-repeat;
   width:160px;
   height:42px;
}
.links_h1 h1 {
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   float:right;
   text-indent:10px;
   color:#12869f;
   margin:5px 0 0 0;
}
.links ul {
   direction:rtl;
   margin:0 0 0 0;
}
.links ul li {
   margin:10px 0 0 0;
}
.links ul li a {
   display:block;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:11px;
   background:url(img/Ul_bg.jpg) center right no-repeat;
   text-indent:15px;
   color:#FFF;
   height:15px;
   line-height:12px;
   text-shadow:#0a5d7f 0 1px;
}
.links ul li a:hover {}
.logo_Footer {
   width:283px;
   height:70px;
   background:url(img/logo_foot.jpg) top left no-repeat;
   float:left;
   margin:33px 0 0 25px;
}
.Shbkat {
   width:100%;
   height:30px;
}
.Shbkat_logo {
   width:154px;
   height:29px;
   background:url(img/shbkat.jpg) top left no-repeat;
   float:left;
   margin:0 0 0 30px;
}
.Shbkat_logo a {
   display:block;
   width:59px;
   height:24px;
   float:left;
}
.privce {
   background:url(img/privse.jpg) top right no-repeat;
   width:350px;
   height:29px;
   float:right;
   margin:0 25px 0 0;
}
/*************/
.remember-box .log-btn{
   background: url(img/topicons.jpg) no-repeat scroll left 73% transparent;
    border: medium none;
    color: #fff;
   font-weight:bold !important;
   font-size:11px;
   text-shadow:0 1px #0c7b99;
}
.cols-b h2 strong{
   font:30px Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#12869f;
   font-weight:bold;
}
.login-form label{
   font-size:11px;
   font-weight:bold;
   color:#12869F;
   text-shadow:0 1px #000;
   width:212px;
   float:right;
   margin:5px 20px 0 0;
}
.chekr {
   margin:0 0 0 10px;
}

<div id="panel" style="display: block;"><div class="content clearfix"><div class="cols-b user-login"><h2> <span><strong>تسجيل دخول الاعضاء</strong> </span> </h2><div class="colsb-indent"><form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"><script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script><div class="login-form"><p><input class="userN autoEmpty" type="text" accesskey="u" tabindex="101" name="vb_login_username" id="navbar_username" value="اسم العضو" onfocus="if (this.value == 'اسم العضو') this.value = '';"><input type="password" class="userP autoEmpty" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102"></p><div class="remember-box"><input type="submit" class="log-btn" value="تسجيل الدخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" class="chekr" tabindex="103" id="cb_cookieuser_navbar" accesskey="c">حفظ البيانات؟</label><input type="hidden" name="s" value=""><input type="hidden" name="securitytoken" value="guest"><input type="hidden" name="do" value="login"><input type="hidden" name="vb_login_md5password"><input type="hidden" name="vb_login_md5password_utf"><ul><li> <a href="pwreset.php">نسيت كلمة المرور </a> </li><li> <a href="register.php">تسجيل عميل جديد</a> </li></ul></div></div></form></div></div><div class="cols-b user-register"><div class="smallfont"><h2> <span><strong>إنضم إلينا الآن .!</strong> </span> </h2><div class="colsb-indent user-register-indent"><p style="padding:0 0 5px 0;">انضمامك لمنتديات سما لبنان يمكنك و بسهولة من كافة الصلاحيات سواء كانت الرد على المواضيع او التعليقات او حتى المشاركة باضافة مواضيع او تحميل المرفقات . ليس ها فحسب بل و التحكم الكامل في لوحة التحكم الخاصة بك و التي تمكنك من اضافة تواقيع و صور رمزية خاصة بك تهر بكافة مشاركاتك لدينا . قد تتمكن ايضا من التمتع بالمزيد و المزيد من الصلاحيات متشرفين بك كاحد اسرة منتديات سما لبنان .</p><p style="padding:0 0 5px 0;"><a rel="nofollow" href="register.php"></a></p><div class="close"><a href="#tab" rel="panel"></a></div></div></div></div><div class="apple"></div></div></div>