<CENTER> <!-- مدونة الغالى1  --> <style type="text/css"> #fbml_turk13 { width: 150px; font-family: Verdana, Geneva, sans-serif; } #fbml_turk13 li a { height: 30px; text-decoration: none; text-align: center; } #fbml_turk13 li a:link, #fbml_turk13 li a:visited { color: #FFFF66; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudcMCfOzLzv2_uxvqZlMo2eS3wrvxrXbSAxQQYCsv1gQjwCkol2I0bHRjxpS7cwaXt-Bi5sftoB4TzRsFVk7XV9VO8lKVMmTo6gFfVoU-UIBGFPCYMleURC8RMLn8rr6oGAs0juwtc24n/h120/71.png); padding: 10px 0 0 0px; } #fbml_turk13 li a:hover, #fbml_turk13 li a:active { color: #3333CC; background: url(https://lh3.googleusercontent.com/-dOxre81zoAc/TqxXYQRBzGI/AAAAAAAAAkE/KqtL1ngVKy0/h120/70.png) 0 -45px; padding: 10px 0 0 0px; } #fbml_turk13 ul li { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; } </style> <div id="fbml_turk13"><ul> <table style="width: 100%"> <tr> <center> <A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة ابو غالى </A> <center>
******************************************************
100حجم ديكور الزر
13لو تغيرعن 13 يلغى ديكور الزروتبق كتابة عنوين فقط
12حجم الخط على الزر
3لو تغيرعن 3 يختفى الزر بمرور الموس علية 
30 عرض الزر 
******************************************************
<!-- الزر الأول --> <tr> <td><li><a href="اللينك الأول" title="الزر الأول"><b>مدونة ابو غالى 1</b></a></li></td> </tr> 
******************************************************
برواز قائمة كاملة وهذا هو الكراكتر وعنوان القائمة 
<style type="text/css">
/*---- http://www.condaianllkhir.com/---*/
  #css-menu-esempio-6{
  width:290px;
margin-top:-20px;
margin-bottom:-10px;
margin-right:-10px;
margin-left:-10px;
  font-family:Arial;
  background-color:#000000;
  border-bottom:6px solid #efb007;
border-top:6px solid #efb007;
-moz-border-radius: 10px;
border-radius:10px;
  }
  #css-menu-esempio-6 p{
  height:30px;
  line-height:50px;
  padding-left:10px;
  font-weight:bold;
  color:#efb007;
  font-size:13px; 
  }
#css-menu-esempio-6 span{
  color:#efb007;
  }
  #css-menu-esempio-6 a{
  display:block;
  height:25px;
  text-align:right;
  line-height:25px;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  color:#efb007;
  padding-right:50px;
  border-top:1px solid #B6A289;
border-left:1px solid #B6A289;
-moz-border-radius: 10px;
-moz-border-radius-topright: 1px;
-moz-border-radius-bottomright: 1px;
border-radius: 10px;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBGbFQlAxaCYbyYAg7s9oDg79O2Iywo2Qtv4SCx69ZjoOmt58TPLcP98IwqHEUz28aiO2M4K64UbiAzKDEm3vm4HApqzUmx8JF2Y2mTrTSoWDXKwDp4ZQmbRoZ5S3uffYPOx5buT09TJ1/s75/star-black.gif) no-repeat top right;
  }
  #css-menu-esempio-6 a:hover{
  background-color:#3c3a3a;
  background-position:center right;
  padding-right:40px;
  }
  #css-menu-esempio-6 a.selezionato{
  background-color:#D4CCB3;
  background-position:bottom right;
   padding-right:40px;
  }
 .background {
 background-color: #FC9;
}
</style>
<div class="background" id="css-menu-esempio-6" style="text-align: center; margin-left: 300px;"><font color="#FF6600" size="4"><span>برامج أون لاين</span></font>
 <font size="4"><a target="_blank" 
******************************************************
20 لرفع الصندوق للاعلى 
10تنزيل الصندوق للاسفل 
10تحريك الصتدوق لجة اليمين
10 جعل الصندوق دائرى 
6 تغير لون اول مربع فى الصندوق
25حجم عرض كل وحدة داخل الصندوق
25 التحكم بنص العنوان داخل المربع 
4  حجم الخط للعنوان داخل الصندوق
href="###########2011/10/glitter-text-generator.html"><font size="2">اكتب الاسم هنا اسم الباب </font></a><font color="#0000FF" size="2"><a target="_blank" 
مع استبدال العلامه###########  الحمراء   برابط الباب الخاص بك
 والاسماء بالاسم ال تحبو ة 
******************************************************
القائمة الثالثة الخضراء ال فى دليل المحاكم
 ولها اجرائات وهى ثلاث خطواط  لعمل قائمة عناوين قائمة اعلى الصفحة 
وهى كلاتى 
ادخل الى قوالب ثم تحرير htmL  ثم افتح مربع بحث بالضغط على  CTR +F ابحث عن الرمز ]]></b:skin>  ثم ضعف فوقة مباشرة الكود التالى
******************************************************
 /* Menu Stylings */
.w2bmenu *{margin: 0;padding: 0;}
ul.w2bmenu {list-style: none;line-height: 1;overflow: visible !important;}
ul.w2bmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;}
ul.w2bmenu li{list-style: none;position:relative;float: right;margin: 0 !important;padding: 0 !important;}
ul.w2bmenu li a{
font-family: Droid Arabic Kufi;
text-decoration: none;
margin: 0;
padding: 12px 16px !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
display: block !important;
border: 0 none !important;
display: block;
line-height: 28px;
padding: 0 12px;
font-size: 13px;
}
ul.w2bmenu li a:hover,ul.w2bmenu li a.hoverover{background: #14505a !important;}
ul.w2bmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;}
ul.w2bmenu li:hover &gt; ul{display: block;}
ul.w2bmenu ul li{float: none;min-width: 160px;background:#14505a;text-shadow: none;}
ul.w2bmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;}
ul.w2bmenu ul li a:hover,ul.w2bajaxmenu ul li a.hoverover{background: #0f869b !important;}
ul.w2bmenu ul ul{display: none;right: 100%;top: 0;}
/* AJAX Menu Stylings */
ul.w2bajaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;right: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #0f869b;border:1px solid #cccccc;border-top: 0 none;}
ul.w2bajaxmenu li:hover div.submenu {display: block;}
ul.w2bajaxmenu ul ,ul.w2bajaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;}
ul.w2bajaxmenu ul li{background: none !important;float: none !important;}
ul.w2bajaxmenu ul.verticlemenu{position: absolute;width: 33%;right:0;top:0;bottom: 0;background: #14505a;}
ul.w2bajaxmenu ul.postslist {position: relative;display: block;width:65%;float: left;margin: 8px 0 !important;background: none;}
ul.w2bajaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding:8px 110px !important 8px 8px;}
ul.w2bajaxmenu ul.postslist li:last-child{border-bottom: none 0;}
ul.w2bajaxmenu ul.postslist li .imgCont{position: absolute;right: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;}
ul.w2bajaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;}
ul.w2bajaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;
margin: 8px 114px;
width: 266px;
}
ul.w2bajaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;left:5px;}
ul.w2bajaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;left: 11px;top: 50%;width: 0;}
#w2bajaxmenu {

background: #0f869b;
background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#116877), color-stop(100%,#11616F));
background: -webkit-linear-gradient(top, #198194 0%,#0C5B69 100%);
background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #2E7683 0%,#0f869b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );
border: 1px solid #164C56;
}
******************************************************
******************************************************

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://widgets.way2blogging.org/blogger-widgets/ajaxbloggermenu.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($) {
 $(&#39;#w2bajaxmenu&#39;).ajaxBloggerMenu({
  numPosts : 4, // Number of Posts to show
  defaultImg : &#39;http://url-to-image.com/default-image.jpeg&#39; // Default thumbnail Image
 });
});
</script>
******************************************************
ثم اضغط حفظ 
الخطوة الثالثة افتح اى اضافة ولتكون اعلى الصفحة تحت الهيبر او عنوان المدونة وضع الرابط وغير مكان العتاوين والروابط المرموز لها بالرمز # الى رابط الصفحة
 *****************************************************
<ul id="pop">
<ul id="w2bajaxmenu" class="w2bmenu">
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li>
<li><a href="#">وصلة رئيسية أفقية</a></li></ul></ul>
******************************************************
 <li>
<a href="http://mhmgly2.blogspot.com/2015/04/blog-post_12.html
"><font size=4> الرئيسية </font> </a>
 </li>
 <li> 
 <a href="http://mhmgly6.blogspot.com/2015/04/blog-post.html"><font size=4> دليل الموظفين </font> </a>
 </li>
 <li>
<a href="#"> <font size=4> قسم 1</font>  </a>
  <ul>
   <li><a href="#"><font size=4> تحت الانشاء 2 </font>
</a></li>
   <li><a href='#'><font size=4>تحت الانشاء 3 </font> </a></li>
   <li><a href='#'><font size=4> تحت الانشاء 4 </font>
 </a></li>
   <li><a href="#"><font size=4> تحت الانشاء5 </font>
</a>
  </li></ul>
 </li>
 <li>             
<a href="#"> <font size=4> <FONT size=4>قسم 2 </FONT></font>  </a>
  <ul>
   <li><a href="#"> <FONT size=4> تحت الانشاء 1 </FONT></a></li>
   <li><a href='#'><FONT size=4> تحت الانشاء 2</FONT></a></li>
   <li><a href='#'><FONT size=4> تحت الانشاء 3 </FONT></a></li>
   <li><a href="#"><FONT size=4> تحت الانشاء 4 </FONT></a>
  </li></ul>
 </li>
 <li>
 <a href="#"><font size=4><FONT size=4>قسم 3 </FONT></font> </a>
  <ul>
   <li><a href="#"><FONT size=4> تحت الانشاء 1  </FONT></a></li>
   <li><a href='#'><FONT size=4> تحت الانشاء  2 </FONT></a></li>
   <li><a href='#'><FONT size=4> تحت الانشاء 3 </FONT></a></li>
   <li><a href="#"><FONT size=4> تحت الانشاء 4 </FONT></a>
  </li></ul>
 <li>
 <li> 
<a href="#"> <font size=4><FONT size=4>قسم 4</FONT></font>  </a>
  <ul>
   <li><a href="#"><FONT size=4> تحت الانشاء 1 </FONT></a></li>
   <li><a href='#'><FONT size=4> تحت الانشاء 2</FONT></a></li>
   <li><a href='#'><FONT size=4> تحت الانشاء 3 </FONT></a></li>
   <li><a href="#"><FONT size=4> تحت الانشاء 4</FONT></a>
  </li></ul>
 </li>
 <li>
 <a href="#"> <font size=4><FONT size=4>قسم 5 </FONT></font>  </a>
  <ul>
   <li><a href="#"><FONT size=4> تحت الانشاء 1 </FONT></a></li>
   <li><a href="#"><FONT size=4> تحت الانشاء 2</FONT></a></li>
   <li><a href="#"><FONT size=4> تحت الانشاء 3</FONT></a></li>
   <li><a href="#"><FONT size=4> تحت الانشاء 4 </FONT></a></li>
  </ul>
 </li>
 <li><a href="#"><font size=4>قسم 6</font>  </a></li></li></li></ul>
******************************************************



<ul id="w2bajaxmenu" class="w2bmenu">
 <li>
  <a href="http://mhmgly2.blogspot.com/2015/04/blog-post_12.html"></a></li></ul>
******************************************************