السلام عليكم ورحمة الله
قائمة ازرار تمثل الشمس والهلال بدون اقونة او صورة او اي استخدام لكود -jQuery
قد قومت fصمم هhته الازرار او القائمة لازرار متحركة ان وضعت مأشر الفأرة على الزر ينزل الى الاسفل ويعد من تلقاء نفسه
ربم يعجبك التصميم تستطيع وضع اقونات المواقع الاجتماعية مثل الفيسبوك والتويتر وغير دون التغير في اساس القائمة
اىاستبدل ;background:#D6D6EB; بى :background:url("ضع رابط الصور هنا"); في h5 تصبح مكان الشمس صوة او ان اردت
الصور خلف الشمس استبدل ;background:#D6D6EB; بى :background:url("ضع رابط الصور هنا"); في h4
او تستخدمة كقائمة في موقعك
استخدم المتحفح chrome
اليك الكود
<html>
<head>
<style>
body{
background:#D6D6EB;
text-decoration:inherit ; }
a:hover{
text-transform: capitalize;
letter-spacing:.1em;font-style:italic;
padding:1px;color:#FF0080;-moz-border-radius: 1px;}
h4{
background:;
padding:0px;
width:70px;height:70px;
text-shadow:10px 10px 10px #FFFFFF;
-moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px;
-webkit-box-shadow: inset 10 px 10px;
-webkit-box-shadow:10px 0px 0px #FFF, 0px 0px 0px rgba(0,0,0,0.0);}
h5{ background:#FFFF00;
text-decoration:inherit ;
color:#FF0080 ;
font-style:;
font-size: 11pt;
font-family:arial;
padding:1px;
width:60px;
height:60px;
text-shadow:5px 10px 10px #CACA00;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: inset 10 px 10px;
-webkit-box-shadow:10px 10px 10px #E1E1FF, 0px 0px 0px rgba(0,0,0,0.0);}
</style>
</head>
<body>
<table align='center' border='0' width='162'>
<tr>
<td width='162' align='center' >
<h4 align='center'>
<a href="https://zaharatb.yoo7.com"target="_blank"><h5 >
منتدى
</h5></a>
</td>
<td width='162' align='center' >
<h4 align='center'>
<a href="https://zaharatb.yoo7.com/portal"target="_blank"><h5>
البوابة
</h5>
</a>
</td>
<td width='162' align='center'>
<h4 align='center'>
<a href="https://zaharatb.yoo7.com/register"target="_blank"><h5>
تسجيل
</h5></a>
</td>
</tr>
</table>
</body>
</body>
</html>
موضوع: قائمة ازرار تمثل الشمس والهلال بدون اقونة او صورة 
الإثنين 26 نوفمبر - 15:15