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

2 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف كونتر سترايك العرب الأربعاء 26 يونيو 2013 - 14:57

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

ذكر
عدد المساهمات : 136
معدل النشاط : 4332
السُمعة : 0

http://cs-4arab.arabepro.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف cool amir الأربعاء 26 يونيو 2013 - 18:08

تفضل يا غالي

هذا كود ضعه في اول 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

بالتوفيق

Cool
cool amir
cool amir
 
 

ذكر
عدد المساهمات : 5631
معدل النشاط : 12937
السُمعة : 140

http://www.stibda3.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونتر سترايك العرب الأربعاء 26 يونيو 2013 - 20:27

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

ذكر
عدد المساهمات : 136
معدل النشاط : 4332
السُمعة : 0

http://cs-4arab.arabepro.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف cool amir الأربعاء 26 يونيو 2013 - 20:52

نعم يا غالي

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

تفضل

الكود:
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;
  */
}
cool amir
cool amir
 
 

ذكر
عدد المساهمات : 5631
معدل النشاط : 12937
السُمعة : 140

http://www.stibda3.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونتر سترايك العرب الأربعاء 26 يونيو 2013 - 21:31

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

ذكر
عدد المساهمات : 136
معدل النشاط : 4332
السُمعة : 0

http://cs-4arab.arabepro.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونتر سترايك العرب الخميس 27 يونيو 2013 - 0:01

اين المساعدة ؟
كونتر سترايك العرب
كونتر سترايك العرب
 
 

ذكر
عدد المساهمات : 136
معدل النشاط : 4332
السُمعة : 0

http://cs-4arab.arabepro.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى