كونتر سترايك العرب
عدد المساهمات : 136 معدل النشاط : 4565 السُمعة : 0
| موضوع: طلب كود تومبيلات مثل هذه الأربعاء 26 يونيو 2013 - 14:57 | |
| السلام عليكم اريد كود تومبيلات لجعل واجهتي وايضا الازرار مثل هذا بالضبط : انتظر ردودكم | |
|
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: طلب كود تومبيلات مثل هذه الأربعاء 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بالتوفيق | |
|
كونتر سترايك العرب
عدد المساهمات : 136 معدل النشاط : 4565 السُمعة : 0
| موضوع: رد: طلب كود تومبيلات مثل هذه الأربعاء 26 يونيو 2013 - 20:27 | |
| كود CSS طويل جدا ارجوك قم بصياغته لي | |
|
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: طلب كود تومبيلات مثل هذه الأربعاء 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; */ } | |
|
كونتر سترايك العرب
عدد المساهمات : 136 معدل النشاط : 4565 السُمعة : 0
| موضوع: رد: طلب كود تومبيلات مثل هذه الأربعاء 26 يونيو 2013 - 21:31 | |
| يا اخي لقد اتتني خلفية عالم كونتر سترايك واريد خلفية منتداي ل سمحت وايضا الازرار في الاسفل وايضا على الواجهة هذا يعني ان هناك ازرار في المكان القديم واخرى على الواجهة واريد ان يكون الازرار بخط صغير وليس كبير يرجى الحل | |
|
كونتر سترايك العرب
عدد المساهمات : 136 معدل النشاط : 4565 السُمعة : 0
| موضوع: رد: طلب كود تومبيلات مثل هذه الخميس 27 يونيو 2013 - 0:01 | |
| | |
|