كود ثلاث إعلانات بثلاث الوان جميلة

<li class="L1"><style></li><li class="L2"><!--</li><li class="L3">A:link {text-decoration: none; color: }</li><li class="L4">A:visited {text-decoration: none; color: }</li><li class="L5">A:active {text-decoration: none; color: }</li><li class="L6">A:hover {text-decoration: none; color: }</li><li class="L7">--></li><li class="L8"> </li><li class="L9"></style>  </li><li class="L0"> </li><li class="L1"> </li><li class="L2"><table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%"></li><li class="L3"> </li><li class="L4"> </li><li class="L5"> </li><li class="L6"><tr></li><li class="L7"><td class="alt1"></li><li class="L8"> </li><li class="L9"><!-- NOTE 1 --></li><li class="L0"> </li><li class="L1"> </li><li class="L2"><!-- CASE 1 --></li><li class="L3"> </li><li class="L4"><div style="margin: 2px; background-color: rgb(255, 245, 236); border: 1px solid rgb(255, 174, 102); color: rgb(240, 76, 19); font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-align: right; padding: 6px; float: right;"></li><li class="L5"> </li><li class="L6"><a style="" href="هنا الرابط الخاص بالنص ذو الإعلان البرتقالي">هنا النص الخاص بالإعلان البرتقالي</a></li><li class="L7"> </li><li class="L8"> </li><li class="L9"></div></li><li class="L0"> </li><li class="L1"><!-- CASE 1 --></li><li class="L2"> </li><li class="L3"><!-- CASE 2 --></li><li class="L4"> </li><li class="L5"><!-- CASE 2 --></li><li class="L6"> </li><li class="L7"><!-- CASE 3 --></li><li class="L8"> </li><li class="L9"><!-- CASE 2 --></li><li class="L0"> </li><li class="L1"><!-- NOTE 1 --></li><li class="L2"> </li><li class="L3"><!-- NOTE 2 --></li><li class="L4"> </li><li class="L5"> </li><li class="L6"><!-- CASE 1 --></li><li class="L7"> </li><li class="L8"><!-- CASE 1 --></li><li class="L9"> </li><li class="L0"><!-- CASE 2 --></li><li class="L1"> </li><li class="L2"><div style="margin: 2px; background-color: rgb(243, 250, 251); border: 1px solid rgb(136, 204, 214); color: rgb(248, 92, 31); font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-align: right; padding: 6px; float: right;"></li><li class="L3"> </li><li class="L4"><a style="" href="هنا الرابط الخاص بالنص ذو الإعلان الأزرق">هنا النص الخاص بالإعلان الأزرق</a></li><li class="L5"> </li><li class="L6"></div></li><li class="L7"> </li><li class="L8"><!-- CASE 2 --></li><li class="L9"> </li><li class="L0"><!-- CASE 3 --></li><li class="L1"> </li><li class="L2"><!-- CASE 2 --></li><li class="L3"> </li><li class="L4"><!-- NOTE 2 --></li><li class="L5"> </li><li class="L6"> </li><li class="L7"><!-- NOTE 3 --></li><li class="L8"> </li><li class="L9"> </li><li class="L0"><!-- CASE 1 --></li><li class="L1"> </li><li class="L2"><!-- CASE 1 --></li><li class="L3"> </li><li class="L4"><!-- CASE 2 --></li><li class="L5"> </li><li class="L6"><!-- CASE 2 --></li><li class="L7"> </li><li class="L8"><!-- CASE 3 --></li><li class="L9"> </li><li class="L0"><div style="margin: 2px; background-color: rgb(234, 248, 218); border: 1px solid rgb(130, 184, 64); color: rgb(130, 184, 64); font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-align: right; padding: 6px; float: right;"></li><li class="L1"> </li><li class="L2"><a style="" href="هنا الرابط الخاص بالنص ذو بالإعلان الإخضر">هنا النص الخاص بالإعلان الأخضر</a></li><li class="L3"> </li><li class="L4"> </li><li class="L5"></div></li><li class="L6"> </li><li class="L7"><!-- CASE 2 --></li><li class="L8"> </li><li class="L9"><!-- NOTE 3 --></li><li class="L0"> </li><li class="L1"> </li><li class="L2"></td></li><li class="L3"></tr></li><li class="L4"> </li><li class="L5"></tbody></table></li>