مرحبا

اليكم كود من خمسة ازرار هتمل بشك جميل

كما في الصورة هذه

الكود:

<table style="width: 550px; height: 34px;" align="center" border="0" cellpadding="0" cellspacing="0">
    
 <tbody>
    
 <tr>
    
 <td style="text-align: center;">
  <script>
function newDoc() {
    window.location.assign("الموقع الاول")
}
</script><input class="stones0" onclick="newDoc()" td="" value="الاسم الاول" type="button" />  
 </td>
    
 <td style="text-align: center;">
  <script>
function newDoc() {
    window.location.assign("الموقع الثاني")
}
</script><input class="stones0" onclick="newDoc()" td="" value="الاسم الثاني" type="button" />  
 </td>
    
 <td style="text-align: center;">
  <script>
function newDoc() {
    window.location.assign("الموقع الثالث")
}
</script><input class="stones0" onclick="newDoc()" td="" value="الاسم الثالث" type="button" />  
 </td>
    
 <td style="text-align: center;">
  <script>
function newDoc() {
    window.location.assign("الموقع الرابع")
}
</script><input class="stones0" onclick="newDoc()" td="" value="الاسم الرابع" type="button" />  
 </td>
    
 <td style="text-align: center;">
  <script>
function newDoc() {
    window.location.assign("الموقع الخامس")
}
</script><input class="stones0" onclick="newDoc()" td="" value="االاسم الخامس" type="button" />  
 </td>
    
 </tr>
    
 </tbody>
 
</table>
   <style>

.stones0{
height:30px;width:70px;
    background: linear-gradient(Tan, Violet, Tan);
  padding:5px;
  border-radius: 30%;
  border:solid 2px #CCFF66;
}

  </style>