كود الملاحظات المميز و الرائع

السلام لعيكم و رحمة الله و بركاته
اقدم لكم اليوم كود الملاحظات المميز و الرائع نظره على الكود

الكود:: <style type="text/css"> span.videoten a{ color: white; text-decoration: none; } span.videoyoutube img { transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease; transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s; background-color: #FFFFFF; width:50%; height:70px; border-radius:5px; margin:1px 3px 3px 1px; padding:3px; border:1px solid #d4d4d4; box-shadow: 3px 3px 3px #8A8A8A; transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); } span.videoyoutube img:hover { transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); position:relative; } .stylewhite{ width: 95%; border-radius: 5px 5px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; padding: 10px; margin: 10px 0px 15px 5px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; top:6px; left:5px; border: 1px solid #999999; background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; background:#FFF url('http://www.wonderbackgrounds.com/abstract/abstract_background_04.gif') repeat; } .styleblack{ width: 95%; border-radius: 5px 5px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; padding: 10px; margin: 10px 0px 15px 5px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; top:6px; left:5px; border: 1px solid black; background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; background:#000 url('http://www.steininger.com.au/images/g-background-backdrop.jpg') repeat-x; } </style> <table width="100%" id="hotvideYoutube" class="stylewhite"> <tbody> <tr> <td width="25%"> <fieldset style="border: 1px dashed red; padding: 10px; width: auto;"> <legend style="border: 1px solid white; padding: 4px; color: white; background-color: green;"> <b> <blink> 1 <span id="tenbaihot1" class="videoten"></span> • </blink> </b> </legend> <center> <b> ملاحظة 1 </b> </center> </fieldset> </td> <td width="25%"> <fieldset style="border: 1px dashed rgb(5, 255, 255); padding: 10px; width: auto;"> <legend style="border: 1px solid rgb(5, 255, 255); padding: 4px; color: white; background-color: rgb(255, 20, 81);"> <b> <blink> 2 <span id="tenbaihot2" class="videoten"></span> • </blink> </b> </legend> <center> <b> ملاحظة 2 </b> </center> </fieldset> </td> <td width="25%"> <fieldset style="border: 1px dashed red; padding: 10px; width: auto;"> <legend style="border: 1px solid white; padding: 4px; color: white; background-color: green;"> <b> <blink> 3 <span id="tenbaihot3" class="videoten"></span> • </blink> </b> </legend> <center> <b> ملاحظة 3 </b> </center> </fieldset> </td> <td width="25%"> <fieldset style="border: 1px dashed rgb(5, 255, 255); padding: 10px; width: auto;"> <legend style="border: 1px solid rgb(5, 255, 255); padding: 4px; color: white; background-color: rgb(255, 20, 81);"> <b> <blink> 4<span id="tenbaihot4" class="videoten"></span> • </blink> </b> </legend> <center> <b> ملاحظة 4 </b> </center> </fieldset> </td> </tr></tbody></table>