أكواد القوائم

هذه مجموعة من القوائم التى يمكنك إستخدامها و تعديلها للتنقل بين أقسام الصفحة

?? MENU

?القسم الأول

?القسم الثانى

<table border="3" width="520" height="20" bordercolor="#E9AB17" align="center">
<tr>

#kirmiziblokmenu{
border: 2px solid black;
border-bottom-width: 0;
width: 185px;
}

#kirmiziblokmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#kirmiziblokmenu li a{
display: block;
padding: 11px 0;
padding-left: 9px;
width: 161px;
text-decoration: none;
color: black;
background-color: #990000;
border-bottom: 1px solid #90bade;
border-left: 7px solid #ff3333;
border-right: 7px solid #ff3333;
}

* html #kirmiziblokmenu li a{
width: 180px;
width: 180px;
}

#kirmiziblokmenu li a:hover {
background-color: #ffff99;
border-left-color: #990000;
border-right-color: #990000;
}

#kirmiziblokmenu div.menutitle{
color: #ff3333;
border-bottom: 1px solid black;
padding: 5px 0;
padding-left: 7px;
background-color: Black;
font: bold 100% 'Trebuchet MS', Arial, sans-serif;
}
</style>

<div class="menutitle">
?? MENU</div>
<ul>
<div class="menutitle">
?القسم الأول</div>
<li><a href="">الزر الأول</a> </li>
<li><a href="اللينك الثانى">الزر الثانى</a> </li>
<li><a href="اللينك الثالث">الزر الثالث</a> </li>
<li><a href="اللينك الرابع">الزر الرابع</a> </li>
<div class="menutitle">
?القسم الثانى</div>
<li><a href="اللينك الأول">الزر الأول</a> </li>
<li><a href="اللينك الثانى">الزر الثانى</a> </li>
<li><a href="اللينك الثالث">الزر الثالث</a> </li>
<li><a href="اللينك الرابع">الزر الرابع</a> </li>
</ul>
</div>

</CENTER>

<center>
 <style type="text/css"> #menu { width: 184px; border: 1px solid #ccc; text-align:left; } #menu ul { margin:0; padding:0; } #menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #888; display: block; background: url(http://i43.tinypic.com/33az32x.jpg); padding: 8px 0 0 30px; } #menu li a:hover, #menu li a:active { color: #283A50; background: url(http://i43.tinypic.com/33az32x.jpg) 0 -32px; padding: 8px 0 0 30px; } #menu ul li { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 11px; list-style-type:none; } </style> <div id="menu">
 <ul>

<li><a
 href="اللينك" title="الزر الأو"><b>الزر الأو</b></a></li>

<li><a href="اللينك" title="الزر الثانى" target="_blank"><b> 
الزر الثانى
</b>
</a></li>

<li><a
 href="اللينك?" title="الزر الثالت" target="_blank"><b> 
الزر الثالت
</b></a></li>

<li><a href="اللينك?" title="الزر الرابع" target="_blank"><b>
الزر الرابع
</b></a></li>

<li><a href="اللينك" title="الزر الخامس" target="_blank"><b> 
الزر الخامس
</b></a></li>

<li><a href="اللينك" title="الزر السادس" target="_blank"><b> 
الزر السادس
</b></a></li>

<li><a href="اللينك" title="الزر السابع"><b>
الزر السابع
</b></a></li>

<li><a href="اللينك" title="الثامن"><b>الثامن
</b></a></li>

<li><a href="اللينك" title="....." class=" profile_action actionspro_a" target="_blank" rel="الزر التاسع
"><b> 
الزر التاسع
</b></a></li>

<li><a href="اللينك" title="...." profile_action actionspro_a" target="_blank"><b> Admin</b></a></li>
</ul>
</div>

<center>
 
<style type="text/css">  #Catlak-site55bl  { border: solid 0px #e6e6e6; width:190px; margin: 0px; padding:0px;  }  #Catlak-site55bl ul ,#Catlak-site55bl li{  list-style: none;         margin: 0px;         padding: 0px;         }  #Catlak-site55bl li a:link , #Catlak-site55bl li a:visited , #Catlak-site55bl li a:active {display:block;height:38px; line-height:38px; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/idukiceblue185x33_1.png);          color:#fff;         text-decoration:none; text-align:center;         font-size: 13px;         font-family: verdana, sans-serif; padding-right:2px;         padding-bottom:0px;         margin:0px;  }  #Catlak-site55bl li a:hover {background-color:#FEFFFF; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/radon66iceblue185x33_14.png);         color:#000;}  </style>  <div id="Catlak-site55bl">
 <ul> 

<li><a
 href="اللينك" title="الزر الأو"><b>الزر الأو</b></a></li>

<li><a href="اللينك" title="الزر الثانى" target="_blank"><b> 
الزر الثانى
</b>
</a></li>

<li><a
 href="اللينك?" title="الزر الثالت" target="_blank"><b> 
الزر الثالت
</b></a></li>

<li><a href="اللينك?" title="الزر الرابع" target="_blank"><b>
الزر الرابع
</b></a></li>

<li><a href="اللينك" title="الزر الخامس" target="_blank"><b> 
الزر الخامس
</b></a></li>

<li><a href="اللينك" title="الزر السادس" target="_blank"><b> 
الزر السادس
</b></a></li>

<li><a href="اللينك" title="الزر السابع"><b>
الزر السابع
</b></a></li>

<li><a href="اللينك" title="الثامن"><b>الثامن
</b></a></li>

<li><a href="اللينك" title="....." class=" profile_action actionspro_a" target="_blank" rel="الزر التاسع
"><b> 
الزر التاسع
</b></a></li>

<li><a href="اللينك" title="...." profile_action actionspro_a" target="_blank"><b> Admin</b></a></li>
</ul>
</div>
<center>
 <img src="http://smile.4nw.net/smile_albums/seprate/54.gif"></center>
<center>

#maviblokmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#maviblokmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 155px;
text-decoration: none;
color: white;
background-color: #2175dd;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #maviblokmenu li a{
width: 169px;
width: 169px;
}

#maviblokmenu li a:hover {
background-color: #000069;
border-left-color: #000099;
}

#maviblokmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 100% 'Trebuchet MS', Arial, sans-serif;
} </style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></p>
<div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 212px">
<div class="menutitle">
القسم الأول</div>
<ul>
<li><a href="اللينك الأول">الزر الأول</a> </li>
<li><a href="اللينك الثانى">
الزر الثانى
</a> </li>
<li><a href="اللينك الثالث">الزر الثالث</a> </li>
<li><a href="اللينك الرابع">الزر الرابع</a> </li>
</ul>
<div class="menutitle">
القسم الثانى</div>
<ul>
<li><a href="اللينك الأول">الزر الأول</a> </li>
<li><a href="اللينك الثانى">الزر الثانى</a> </li>
<li><a href="اللينك الثالث">الزر الثالث</a> </li>
<li><a href="اللينك الرابع">الزر الرابع</a> </li>
</ul>
</div>

</CENTER>
<center>
<textarea name="comments" cols="50" rows="5">

#maviblokmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

* html #maviblokmenu li a{
width: 169px;
width: 169px;
}

#maviblokmenu li a:hover {
background-color: #000069;
border-left-color: #000099;
}

<center>
 <style type="text/css">  #Catlak-site55l  { border: solid 0px #e6e6e6; width:190px; margin: 0px; padding:0px;  }  #Catlak-site55l ul ,#Catlak-site55 li{  list-style: none;         margin: 0px;         padding: 0px;         }  #Catlak-site55l li a:link , #Catlak-site55l li a:visited , #Catlak-site55l li a:active {display:block;height:38px; line-height:38px; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/1-1.png);          color:black;         text-decoration:none; text-align:center;         font-size: 13px;         font-family: verdana, sans-serif; padding-right:2px;         padding-bottom:0px;         margin:0px;  }  #Catlak-site55l li a:hover {background-color:#FEFFFF; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/2-1.png);         color:white;}  </style>  <div id="Catlak-site55l">
 <ul>

<li><a
 href="اللينك" title="الزر الأو"><b>الزر الأو</b></a></li>

<li><a href="اللينك" title="الزر الثانى" target="_blank"><b> 
الزر الثانى
</b>
</a></li>

<li><a
 href="اللينك?" title="الزر الثالت" target="_blank"><b> 
الزر الثالت
</b></a></li>

<li><a href="اللينك?" title="الزر الرابع" target="_blank"><b>
الزر الرابع
</b></a></li>

<li><a href="اللينك" title="الزر الخامس" target="_blank"><b> 
الزر الخامس
</b></a></li>

<li><a href="اللينك" title="الزر السادس" target="_blank"><b> 
الزر السادس
</b></a></li>

<li><a href="اللينك" title="الزر السابع"><b>
الزر السابع
</b></a></li>

<li><a href="اللينك" title="الثامن"><b>الثامن
</b></a></li>

<li><a href="اللينك" title="....." class=" profile_action actionspro_a" target="_blank" rel="الزر التاسع
"><b> 
الزر التاسع
</b></a></li>

<li><a href="اللينك" title="...." profile_action actionspro_a" target="_blank"><b> Admin</b></a></li>
</ul>
</div>

<center>
 <style type="text/css">  #Catlak-site55bd  { border: solid 0px #e6e6e6; width:190px; margin: 0px; padding:0px;  }  #Catlak-site55bd ul ,#menu10 li{  list-style: none;         margin: 0px;         padding: 0px;         }  #Catlak-site55bd li a:link , #Catlak-site55bd li a:visited , #Catlak-site55bd li a:active {display:block;height:38px; line-height:38px; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/button2-1.png);          color:black;         text-decoration:none; text-align:center;         font-size: 13px;         font-family: verdana, sans-serif; padding-right:2px;         padding-bottom:0px;         margin:0px;  }  #Catlak-site55bd li a:hover {background-color:#FEFFFF; background-image:url(http://i1009.photobucket.com/albums/af213/catlak-site55/button1-1.png);         color:cyan;}  </style>  <div id="Catlak-site55bd">
 <ul> 

<li><a
 href="اللينك" title="الزر الأو"><b>الزر الأو</b></a></li>

<li><a href="اللينك" title="الزر الثانى" target="_blank"><b> 
الزر الثانى
</b>
</a></li>

<li><a
 href="اللينك?" title="الزر الثالت" target="_blank"><b> 
الزر الثالت
</b></a></li>

<li><a href="اللينك?" title="الزر الرابع" target="_blank"><b>
الزر الرابع
</b></a></li>

<li><a href="اللينك" title="الزر الخامس" target="_blank"><b> 
الزر الخامس
</b></a></li>

<li><a href="اللينك" title="الزر السادس" target="_blank"><b> 
الزر السادس
</b></a></li>

<li><a href="اللينك" title="الزر السابع"><b>
الزر السابع
</b></a></li>

<li><a href="اللينك" title="الثامن"><b>الثامن
</b></a></li>

<li><a href="اللينك" title="....." class=" profile_action actionspro_a" target="_blank" rel="الزر التاسع
"><b> 
الزر التاسع
</b></a></li>

<li><a href="اللينك" title="...." profile_action actionspro_a" target="_blank"><b> Admin</b></a></li>
</ul>
</div>

#menu01 {
width:170px;
background-color:#89a9b8;
margin: 0px;
padding-left:8px;
padding-right:8px;
padding-TOP:6px;
padding-BOTTOM:6px;
border:solid 1px black;
font: normal 11px verdana, sans-serif;}

#menu01 ul, #menu01 li {
list-style-type: none;
        padding: 0px;
        margin: 0px;
}
#menu01 li a:link, #menu01 li a:visited, #menu01 li a:active {display:block;
border: solid 1px #000;
background-color:#587c92;
color:#FFF;
text-decoration:none;
margin-bottom: 2px;
margin-top: 2px;
padding-left: 5px;
height: 24px;
line-height: 24px;
}

#menu01 li a:hover {background-color:#B1C7D1;
                color:#34505C;
                border: solid 1px #000;
}

</style>

<div id="menu01">
<ul>
<li><a href="https://www.facebook.com/Codes.Egypt?sk=wall" title="الحائط" target="_blank"><b>الحائط</b></a></li>
<li><a href="https://www.facebook.com/Codes.Egypt?sk=info" title="المعلومات" target="_blank"><b>المعلومات</b></a></li>
<li><a href="https://www.facebook.com/Codes.Egypt?sk=app_4949752878" title="اكواد 1" target="_blank"><b>اكواد 1</b></a></li>
<li><a href="https://www.facebook.com/Codes.Egypt?sk=app_10442206389" title="اكواد 2" target="_blank"><b>اكواد 2</b></a></li>
<li><a href="https://www.facebook.com/Codes.Egypt?sk=app_23744633048" title="اكواد 3" target="_blank"><b>اكواد 3</b></a></li>
<li><a href="https://www.facebook.com/Codes.Egypt?sk=app_192602997444667" title="سؤال وجواب" target="_blank"><b>سؤال وجواب</b></a></li>
</CENTER>

#menu10 {
border: solid 0px #e6e6e6;
width:190px;
margin: 0px;
padding:0px;
 
}

#menu10 ul ,#menu10 li{
list-style: none;
margin: 0px;
padding: 0px;
 }

#menu10 li a:link , #menu10 li a:visited , #menu10 li a:active {display:block;height:38px;
line-height:38px;
background-image:url(http://i41.tinypic.com/mvjhux.jpg);

color:#fff;
text-decoration:none;
text-align:center;
font-size: 13px;
font-family: verdana, sans-serif;
padding-right:2px;
padding-bottom:0px;
margin:0px;

}

#menu10 li a:hover {background-color:#FEFFFF;
background-image:url(http://i44.tinypic.com/a9logx.jpg);
color:#000;}

</style>

<div id="menu10">
<ul>

<li><a href="رابط الزر" title="اسم الزر"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزرe</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزر</b></a></li>

<li><a href="رابط الزر" title="اسم الزر" target="_blank"><b>اسم الزر</b></a></li>
</CENTER>

#fbml_turk11 {
	width: 190px;
	font-family: Verdana, Geneva, sans-serif;
	}
	
#fbml_turk11 li a {
  	height: 40px;
	text-decoration: none;
	text-align: center;
	}	
	
#fbml_turk11 li a:link, #fbml_turk11 li a:visited {
	color: #ffffff;
	display: block;
	background: url(http://i40.tinypic.com/fomwjk.jpg);
	padding: 21px 0 0 0px;
	}
	
#fbml_turk11 li a:hover, #fbml_turk11 li a:active {
	color: #000000;
	background: url(http://i40.tinypic.com/fomwjk.jpg) 0 -60px;
	padding: 21px 0 0 0px;
	}
	
#fbml_turk11 ul li {
	font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
	font-size: 12px;
}

</style>

<div id="fbml_turk11">
<ul>
<table style="width: 100%">
<tr>
		<td><a href="http://www.facebook.com/FBML.Education" target="_blank" title="designed by FBML Türk"><img src="http://i41.tinypic.com/161hmap.jpg" alt="?slam_Menu_Top"/></a></td>
	</tr>

<tr>
		<td>
<li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li>
</td>
	</tr>

<tr>
  		<td>
<li><a
 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li>
</td>
	</tr>

<tr>
  		<td>
<li><a
 href="اللينك الثالث" title="الزر الثالث"><b>الزر الثالث</b></a></li>
</td>
	</tr>

<tr>
  		<td>
<li><a
 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li>
</td>
	</tr>

<tr>
  		<td>
<li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li>
</td>
	</tr>

<tr>
  		<td>
<li><a
 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li>
</td>
</table>
</ul>
</div>
</CENTER>

#fbml_yesil {
    width: 185px;
    font-family: Verdana, Geneva, sans-serif;
    }
   
#fbml_yesil li a {
      height: 30px;
    text-decoration: none;
    }   
   
#fbml_yesil li a:link, #fbml_yesil li a:visited {
    color: #ffffff;
    display: block;
    background: url(http://i40.tinypic.com/fwqhpj.png);
    padding: 8px 0 0 8px;
    }
   
#fbml_yesil li a:hover, #fbml_yesil li a:active {
    color: #f90707;
    background: url(http://i40.tinypic.com/fwqhpj.png) 0 -56px;
    padding: 8px 0 0 8px;
    }
   
#fbml_yesil ul li {
    font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
    font-size: 14px;
}

</style>

<div id="fbml_yesil">
<li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li>

<li><a
 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li>

<li><a
 href="اللينك الثالث" title="الزر الثالث"><b>الزر الثالث</b></a></li>

<li><a
 href="اللينك الرابع" title="االزر الرابع"><b>الزر الرابع</b></a></li>

<li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li>

<li><a
 href="االلينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li>
</ul>
</div>
</CENTER>