طلب كود تومبيلات مثل هذه

السلام عليكم
اريد كود تومبيلات لجعل واجهتي وايضا الازرار مثل هذا بالضبط :

انتظر ردودكم

تفضل يا غالي

هذا كود ضعه في اول ouvrall_header

الكود:

<table class="tableall"><tbody><tr><td><table style="width: 100%" class="alger2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="width: 370px"><a href="" title="منتدى كونتر سترايك العرب"><img alt="" src="http://im40.gulfup.com/qaFwd.png"></a></td><td style="width: 50%"></td>
      </td><td style="width: 10%"></td></tr></tbody></table>
  
  <div style="text-align: center;" id="mainmenu">
    
    <ul class="glossymenu">
      
      <li>
        <a title="الصفحة الرئيسية" href="."><b>المنتدى</b></a></li>
      <li><a title="إبحث عن أي شيء داخل المنتدى" href="/search"><b>بحث</b></a></li>
      <!-- BEGIN switch_user_logged_out -->
      <li><a title="أرسل رسالتك للإدارة" href="/contact"><b>إتصل بنا</b></a></li>
      <li><a title="تسجيل عضو جديد في المنتدى" href="/register"><b>التسجيل</b></a></li>
      <li><a title="تسجيل دخول الأعضاء للمنتدى" href="/login"><b>دخول</b></a></li>
  <!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
 <li><a title="الأعضاء" href="/memberlist"><b>الأعضاء</b></a></li>
      <li><a title="بياناتي" href="/profile?mode=editprofil"><b>بياناتي</b></a></li>
      <li><a title="رسائلي" href="/privmsg?folder=inbox"><b>رسائلي</b></a></li>
      <li><a title="تسجيل الخروج" href="/login?logout=1"><b>تسجيل الخروج</b></a></li>
  <!-- END switch_user_logged_in -->
  
  </ul></div></td></tr></tbody></table>
  

للتعديل على الصورة يمين الهيدر عدل هذي بما تريد

http://im40.gulfup.com/qaFwd.png


ثم ضع هذا الكود في css

الكود:

body {
    font: 11px tahoma;
}


.tableall {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    margin: 7px auto;
    padding: 7px;
    width: 81%;
    box-shadow: 0px 0px 15px rgb(221, 221, 221);
}

p, td, th {
    font-family: tahoma;
}
.alger2 {
    background: url("http://i70.servimg.com/u/f70/13/71/10/33/aa10.png") repeat scroll 0% 0% transparent;
}
a, a:link, a:visited, a:active {
    text-decoration: none !important;
}
a img {
    border: medium none;
}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}
.fb_invisible{display:none}
.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:right;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}
.fb_reset > div{overflow:hidden}
.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}
.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.fb_dialog_content{background:#fff;color:#333}
.fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;left:18px;top:17px;width:15px;top:8px\9;left:7px\9}
.fb_dialog_mobile .fb_dialog_close_icon{top:5px;right:5px;left:auto}
.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}
.fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:25px;padding:20px}
.fb_dialog_top_left,
.fb_dialog_top_right,
.fb_dialog_bottom_left,
.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}
/* @noflip */
.fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}
/* @noflip */
.fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}
/* @noflip */
.fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}
/* @noflip */
.fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}
.fb_dialog_vert_left,
.fb_dialog_vert_right,
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}
.fb_dialog_vert_left,
.fb_dialog_vert_right{width:10px;height:100%}
.fb_dialog_vert_left{margin-right:-10px}
.fb_dialog_vert_right{left:0;margin-left:-10px}
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{width:100%;height:10px}
.fb_dialog_horiz_top{margin-top:-10px}
.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}
.fb_dialog_iframe{line-height:0}
.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:15px;font-weight:bold;margin:0}
.fb_dialog_content .dialog_title > span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif)
no-repeat 5px 50%;float:right;padding:5px 26px 7px 0}
body.fb_hidden{-webkit-transform:none;height:100%;margin:0;right:-10000px;overflow:visible;position:absolute;top:-10000px;width:100%
}
.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif)
white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}
.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}
#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;right:0;top:0;width:100%;min-height:100%;z-index:10000}
#fb-root #fb_dialog_ipad_overlay.hidden{display:none}
.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}
.fb_dialog_content .dialog_header{/* @noflip */-webkit-box-shadow:-white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 100% 0, 0 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}
.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%
}
.fb_dialog_content .dialog_header td.header_left{font-size:13px;padding-right:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .dialog_header td.header_right{font-size:13px;padding-left:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 100% 0, 0 100%, from(#4966A6),
color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;/* @noflip */-webkit-box-shadow:-rgba(0, 0, 0, .11718 0 1px 1px inset, -rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}
.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:17px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}
.fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}
.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}
#fb_dialog_loader_close{float:right}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{display:inline-block;position:relative}
.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}
.fb_iframe_widget iframe{position:absolute}
.fb_iframe_widget_lift{z-index:1}
.fb_hide_iframes iframe{position:relative;right:-10000px}
.fb_iframe_widget_loader{position:relative;display:inline-block}
.fb_iframe_widget_fluid{display:inline}
.fb_iframe_widget_fluid span{width:100%}
.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}
.fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-right:-16px;position:absolute;right:50%;z-index:4}
.fb_connect_bar_container div,
.fb_connect_bar_container span,
.fb_connect_bar_container a,
.fb_connect_bar_container img,
.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:right;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}
.fb_connect_bar_container{position:fixed;right:0 !important;left:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}
.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}
.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:14px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}
.fb_connect_bar a:hover{color:#fff}
.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 0 5px 6px}
.fb_connect_bar div a,
.fb_connect_bar span,
.fb_connect_bar span a{color:#bac6da;font-size:12px;text-decoration:none}
.fb_connect_bar .fb_buttons{float:left;margin-top:7px}
.fb_edge_widget_with_comment{position:relative;*z-index:1000}
.fb_edge_widget_with_comment span.fb_edge_comment_widget{position:absolute}
.fb_edge_widget_with_comment span.fb_send_button_form_widget{z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget .FB_Loader{right:0;top:1px;margin-top:6px;margin-right:0;background-position:50% 50%;background-color:#fff;height:150px;width:394px;border:1px #666 solid;border-bottom:2px solid #283e6c;z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.dark .FB_Loader{background-color:#000;border-bottom:2px solid #ccc}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.siderender
.FB_Loader{margin-top:0}
.fbpluginrecommendationsbarleft,
.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}
/* @noflip */
.fbpluginrecommendationsbarleft{left:10px}
/* @noflip */
.fbpluginrecommendationsbarright{right:10px}



.headerodessa1 {
 border-collapse: collapse;
}

.headerodessa2 {
 background-image: url('http://im16.gulfup.com/WcoD1.png');
}

.glossymenu{
 height:28px;
 margin:0;
 list-style:none;
 border-color: #316897;
 background: #2DAEEB url(http://i13.servimg.com/u/f13/17/79/07/87/bg110.png) repeat-x top;
 /*
 */
}
.glossymenu li{
 float:right;
 padding:0 16px;
}
.glossymenu li a{
 color:#fff;
 cursor:pointer;
 float:left;
 text-decoration:none;
}
.glossymenu li a b{
 line-height:28px;
 float:left;
}
.glossymenu li:hover,li:focus{
 cursor:pointer;
 background: #2AA4DD;
 border-left: 1px solid #289ED5;
 border-right: 1px solid #289ED5;
  /*
 box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -webkit-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -moz-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -ms-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -o-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
  */
}

وفيه تغير خلفية الهيدر

هذا رابطها

https://i.servimg.com/u/f70/13/71/10/33/aa10.png

بالتوفيق

كود CSS طويل جدا
ارجوك قم بصياغته لي

نعم يا غالي

كان فيه اكواد مالها فايدة

تفضل

الكود:

body {
    font: 11px tahoma;
}


.tableall {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    margin: 7px auto;
    padding: 7px;
    width: 81%;
    box-shadow: 0px 0px 15px rgb(221, 221, 221);
}

p, td, th {
    font-family: tahoma;
}
.alger2 {
    background: url("http://i70.servimg.com/u/f70/13/71/10/33/aa10.png") repeat scroll 0% 0% transparent;
}
a, a:link, a:visited, a:active {
    text-decoration: none !important;
}
a img {
    border: medium none;
}



.headerodessa1 {
   border-collapse: collapse;
}

.headerodessa2 {
   background-image: url('http://im16.gulfup.com/WcoD1.png');
}

.glossymenu{
 height:28px;
 margin:0;
 list-style:none;
 border-color: #316897;
 background: #2DAEEB url(http://i13.servimg.com/u/f13/17/79/07/87/bg110.png) repeat-x top;
 /*
 */
}
.glossymenu li{
 float:right;
 padding:0 16px;
}
.glossymenu li a{
 color:#fff;
 cursor:pointer;
 float:left;
 text-decoration:none;
}
.glossymenu li a b{
 line-height:28px;
 float:left;
}
.glossymenu li:hover,li:focus{
 cursor:pointer;
 background: #2AA4DD;
 border-left: 1px solid #289ED5;
 border-right: 1px solid #289ED5;
  /*
 box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -webkit-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -moz-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -ms-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
 -o-box-shadow:0 23px 10px rgba(255,255,255,0.16) inset;
  */
}

يا اخي لقد اتتني خلفية عالم كونتر سترايك واريد خلفية منتداي ل سمحت
وايضا الازرار في الاسفل وايضا على الواجهة
هذا يعني ان هناك ازرار في المكان القديم واخرى على الواجهة
واريد ان يكون الازرار بخط صغير وليس كبير
يرجى الحل

اين المساعدة ؟