السلام عليكم رحمة الله
لقد اجريت بعض التعديل على القائمة قائمة ازرار تمثل الشمس والهلال بدون اقونة او صورة قد اضفت صور وغيرت الشكل بعض الشيئ بدون تغير الكود نفسه لاجل اعطائكم فكرة جديدة
الكود
<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:url('http://www.goudgrijp.nl/emoticon-3d/3D%20Smilies/030105_emP6_prv.gif');
padding:0px;
width:60px;height:60px;
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:0px 0px 0px #FFF, 0px 0px 0px rgba(0,0,0,0.0);}
h5{
background:#FFFF66;
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:0px 0px 0px #E1E1FF, 0px 0px 0px rgba(0,0,0,0.0);}
table{ background:url('http://hitskin.com/themes/18/84/31/i_folder_sticky.gif');
text-decoration:inherit ;
color:#FF0080 ;
font-style:;
font-size: 11pt;
font-family:arial;
padding:1px;
width:250px;
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:0px 0px 0px #E1E1FF, 0px 0px 0px rgba(0,0,0,0.0);}
.ab1{ background:;
text-decoration:inherit ;
color:#FF0080 ;
font-style:;
font-size: 11pt;
font-family:arial;
padding:1px;
width:50px;
height:50px;
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:0px 0px 0px #E1E1FF, 0px 0px 0px rgba(0,0,0,0.0);}
.ab2{ background:;
text-decoration:inherit ;
color:#FF0080 ;
font-style:;
font-size: 11pt;
font-family:arial;
padding:1px;
width:50px;
height:50px;
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:0px 0px 0px #E1E1FF, 0px 0px 0px rgba(0,0,0,0.0);}
.ab3{ background:;
text-decoration:inherit ;
color:#FF0080 ;
font-style:;
font-size: 11pt;
font-family:arial;
padding:1px;
width:50px;
height:50px;
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:0px 0px 0px #E1E1FF, 0px 0px 0px rgba(0,0,0,0.0);}
</style>
</head>
<body>
<table bgcolor="" align='center' border='1' width='462'>
<tr>
<td width='162'class="ab1"bgcolor="#339900" align='center' >
<h4 align='center'>
<a href="https://zaharatb.yoo7.com"target="_blank"><h5 >
منتدى
</h5></a>
</td>
<td width='162'class="ab2" bgcolor="#339900" align='center' >
<h4 align='center'>
<a href="https://zaharatb.yoo7.com/portal"target="_blank"><h5>
البوابة
</h5>
</a>
</td>
<td width='162'class="ab3" bgcolor="#339900" align='center'>
<h4 align='center'>
<a href="https://zaharatb.yoo7.com/register"target="_blank"><h5>
تسجيل
</h5></a>
</td>
</tr>
</table>
</body>
</body>
</html>