منتدى الهزازي

برامج وتطبيقات واكواد هتمل و css منتديات ومواقع
 
الرئيسيةالرئيسية  بلوجر  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

ملاحظه =الرجاء اذا وجدت كود او رابط لايعمل التبليغ من هناء

التبادل الاعلاني
عناصرLanguage

شاهد منزلك من الفضاء الخارجي

مفاتيح دول العالم لللاتصال

مستعرض اكواد هتمل ومحول هتمل الى جافا
فتشوب اون لاين عربي
لعبة الحب مثيرة
راسلنا

معرب الكتابه على البرامج

المواضيع الأخيرة
سحابة الكلمات الدلالية

شاطر | 
 

 عارضة ازرار بشكل جميل

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
stones
اللقب:
المدير العام
الرتبه:
الصورة الرمزية

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2571
السٌّمعَة :
0
تاريخ التسجيل :
30/03/2012
العمر :
18
الموقع
sites-dalil.blogspot.com
العمل/الترفيه العمل/الترفيه :
بدون

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: عارضة ازرار بشكل جميل   الأحد 20 سبتمبر - 15:55

مرحبا

نقم لكم عارضة ازرار بشكل افقي

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


الكود هتمل ضع روابط مواقعك واسم الموقع
يمكنك تغير على الوان العارضة من الكود المرفقcss
وهذا الكود

الكود:
<div class="menu">
                                                                                                                                                                                      
   <ul>
                                                                                                                                                                                         
      <li>
                                                                                             <span> </span><a href="رابط الصفحة">اسم الصفحة</a>                                                                                   
      </li>
                                                                                                                                                                                         
      <li>
                                                                                             <span> </span><a href="رابط الصفحة">اسم الصفحة</a>                                                                                   
      </li>
                                                                                                                                                                                         
      <li>
                                                                                             <span> </span><a href="رابط الصفحة">اسم الصفحة</a>                                                                                   
      </li>
                                                                                                                                                                                         
      <li>
                                                                                             <span> </span><a href="رابط الصفحة">اسم الصفحة</a>                                                                                   
      </li>
                                                                                                                                                                                         
      <li>
                                                                                             <span> </span><a href="رابط الصفحة">اسم الصفحة</a>                                                                                   
      </li>
                                                                                                                                                                                         
   </ul>
                                                                                                                                                                                  
</div>
                <style type="text/css">
             
     
        .menu ul{
            background:#00FF00;
            height:40px;
            width:92%;
            padding-top:20px;
            font-size: 15px;
          font-weight: bold;
          transform: skewX(20deg);
        }
        .menu ul li{
            display:inline-block;
            position:relative;
            width:100px;
            height:20px;
           
        }
        .menu ul li a{
            position:absolute;
            left:0px;
            width:100%;
            padding-top:5px;
            color:#FFFFFF;
            text-decoration:none;
         
        }
        .menu ul li span{
            position:absolute;
            visibility:hidden;
            width:100px;
            height:30px;
            background: #0066FF;
         

        }
       
     
          .menu ul li:hover span{
            right:0px;
            visibility:visible;
            -webkit-transition:right 0.2s ease 0.0s,visibility 0s ease;

        }
     
                </style>               

lol!




الموضوع الأصلي : عارضة ازرار بشكل جميل المصدر : منتديات الهزازي كاتب الموضوع : stones
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

عارضة ازرار بشكل جميل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
عارضة ازرار بشكل جميل , عارضة ازرار بشكل جميل , عارضة ازرار بشكل جميل ,عارضة ازرار بشكل جميل ,عارضة ازرار بشكل جميل , عارضة ازرار بشكل جميل
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ عارضة ازرار بشكل جميل ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد هتمل مع الشرح-