مرحبا

نقدم لكم ازرار جميلة من خمس خانات

ضع بها روابط مواضيعك والاسماء مكان ماهو

موضح في الكود

وهذه صورة من الشرح

الكود:

<table style="width: 659px; height: 40px;" align="center" border="0" cellpadding="0" cellspacing="5">
    
 <tbody>
    
 <tr>
    
 <td class="stones11" style="text-align: center;">
  <a href="الرابط" target="_blank">الاسم</a>  
 </td>
    
 <td class="stones11" style="text-align: center;">
  <a href="الرابط" target="_blank">الاسم</a>  
 </td>
    
 <td class="stones11" style="text-align: center;">
  <a href="الرابط" target="_blank">الاسم</a>  
 </td>
    
 <td class="stones11" style="text-align: center;">
  <a href="الرابط" target="_blank">الاسم</a>  
 </td>
    
 <td class="stones11" style="text-align: center;">
  <a href="الرابط" target="_blank">الاسم</a>  
 </td>
    
 </tr>
    
 </tbody>
   <style>

.stones11{
 background:#00CCFF;
  border:solid 1px #27739d;
  padding:4px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
   box-shadow: 5px 5px;
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;

  }

.stones11:hover{
 background:#00FFFF;
transform: skewX(10deg);
 
 
 
 
  }


  </style>  
</table>
  
<p style="text-align: center;">
</p>

الكود:

<table style="width: 659px; height: 40px;" align="center" border="0" cellpadding="0" cellspacing="5">
    
   <tbody>
       
      <tr>
          
         <td class="stones11" style="text-align: center;">
             <a href="الرابط" target="_blank">الاسم</a>
         </td>
          
         <td class="stones11" style="text-align: center;">
             <a href="الرابط" target="_blank">الاسم</a>
         </td>
          
         <td class="stones11" style="text-align: center;">
             <a href="الرابط" target="_blank">الاسم</a>
         </td>
          
         <td class="stones11" style="text-align: center;">
             <a href="الرابط" target="_blank">الاسم</a>
         </td>
          
         <td class="stones11" style="text-align: center;">
             <a href="الرابط" target="_blank">الاسم</a>
         </td>
          
      </tr>
       
   </tbody>

  <style>

.stones11{
 background:#00CCFF;
  border:solid 1px #27739d;
  padding:4px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
 


  }

.stones11:hover{
 background:#00FFFF;
transform: skewX(10deg);
 
 
 
 
  }


  </style>



</table>
 
<p style="text-align: center;">