اضافة جميلة عندة مرور الماوس عليها تنبثق صورة ملونة فيها اقسام المدونة

السلام عليكم
اضافة جميلة عندة مرور الماوس عليها تنبثق صورة ملونة فيها اقسام المدونة تستطيع تغيير الوانها بما يناسب مدونتك
الطريقة
الصق الكود الموجود في الاسفل في اداة جاف سكربت مع تغيير روابط الصفحات بروابط صفحاتك الخاصة وايظا رابط موقعك

هذا هو الكود

<div align="center"> <div id="submenu"> <li><a href="http://vision500.blogspot.com/">الصفحه الرئيسيه</a></li> <li><a href="http://vision500.blogspot.com/2012/06/blog-post.html">دروس بلوجر</a></li> <li><a href="#">اضافات بلوجر</a></li> <li><a href="#">قوالب مجانيه</a></li> <li><a href="http://vision500.blogspot.com/2012/07/blog-post_28.html">فوتوشوب</a></li> <li><a href="#">انترنت</a></li> <li><a href="http://vision500.blogspot.com/p/blog-pagercomments_1.html">يوتيوب طيف</a></li> <li><a href="http://vision500.blogspot.com/2012/10/blog-post_14.html">اكواد الالوان</a></li> <li><a href="#">منوعات</a></li> <li><a href="http://vision500.blogspot.com/p/blog-page_26.html">الفهرس</a></li> <li><a href="http://vision500.blogspot.com/2012/10/blog-post_7123.html">اتصل بنا</a></li> </div> </div> <style type="text/css"> #submenu { width:280px; padding:5px; border:1px solid #E8E8E8; background-color:#3EFE8E; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; z-index:1000; } #submenu li{ display:block; font-family: Arial, Helvetica, Sans-Serif; color:#CC11E9; font-style: normal; font-weight: bold; font-size: 14px; text-align: center; } #submenu:hover li{ background-color:#CBC9C9; border:1px solid #3EFE8E; } #submenu:hover { background-color: #3EFE8E; -webkit-transform: rotate(360deg) scale(2); -moz-transform: rotate(360deg) scale(2); -o-transform: rotate(360deg) scale(2); -ms-transform: rotate(360deg) scale(2); z-index:1000; } </style>

الى القاء.....ابو هشام الحمداني