اضافة اقسام المدونة منبثقة الى شكل اخر جميل

انبثاق واستدارة القائمه من موقعها وظهورها بشكل مختلف عن السابق

لا اطيل في الشرح لادرج الصوره وكذلك المشاهده للقائمه تكون هكذا

انبثاق القائمه بشكل مختلف

الكود

<div align="center">
<div id="submenu">
<li><a href="http://vision402.blogspot.com/">الصفحه الرئيسيه</a></li>
<li><a href="http://vision402.blogspot.com/2012/06/blog-post.html">دروس بلوجر</a></li>
<li><a href="#">اضافات بلوجر</a></li>
<li><a href="#">قوالب مجانيه</a></li>
<li><a href="#">كمبيوتر</a></li>
<li><a href="#">انترنت</a></li>
<li><a href="#">فيديو</a></li>
<li><a href="#">برامج مجانيه</a></li>
<li><a href="#">منوعات</a></li>
<li><a href="#">الفهرس</a></li>
<li><a href="#">اتصل بنا</a></li>
</div>
</div>
<style type="text/css"> 
#submenu { 
      width:200px;
      padding:5px;
      border:1px solid #ff9900;
      background-color: #000;  
      -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:#ff0000;
       font-style: normal;
       font-weight: bold;
       font-size: 14px;
       text-align: center;
            }
#submenu:hover li{ 
      background-color: #414141;      
      border:1px solid #000000;
    }
#submenu:hover { 
      background-color: #000000; 
      -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>

احفظ الاضافه بعد تعديل الروابط بروابط مدونتك
الى اللقاء....ابو هشام

اضافة اقسام المدونة منبثقة الى شكل اخر جميل

تابع "مدونة حلمي حلمكم"

اقسام المدونة

تابعنا عبر البريد الالكتروني

تابعنا على

facebook

جديد موقعنا

اتصل بالاميل الشخصي لصاحب الموقع

تغريدات حلمي حلمكم

تابعنا على اليوتيوب

الأكثر مشاهده هذا الأسبوع

اخر التعليقات