منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: css جعل صورة العضو دائري بجوار اخر مساهمةالخميس 4 أكتوبر 2018 - 16:49 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT]+[CSS] حصريا صندوق الرد الاحترافي الجديد {Weeb-Editor} 2017الخميس 4 أكتوبر 2018 - 16:30 من طرفخادم الاسلام اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الخميس 4 أكتوبر 2018 - 16:03 من طرفخادم الاسلام اسم الموضوع: الكود الحصري جدا إطار احترافي على صندوق الاكواد في المواضيع مع مميزات لن تجدها الا هناالخميس 4 أكتوبر 2018 - 16:03 من طرفخادم الاسلام اسم الموضوع: [حصري][HTML] القنبلة الحصرية علبة الدردشة المتطورة لعام 2017الخميس 4 أكتوبر 2018 - 15:20 من طرفخادم الاسلام اسم الموضوع: جديد الاكواد انبثاق روابط المنتدى المميز و النادرالخميس 4 أكتوبر 2018 - 0:16 من طرفخادم الاسلام اسم الموضوع: كود جديد لعمل وصف انيق للصور والروابط والايقونات وكل شئ بالمنتدى 2015الخميس 4 أكتوبر 2018 - 0:06 من طرفخادم الاسلام اسم الموضوع: حصريا و جديد الاكواد تغيير ثيم المنتدى لعدة ألوانالأربعاء 3 أكتوبر 2018 - 23:33 من طرفخادم الاسلام اسم الموضوع: كود أظافة بادئة للمواضيع وختم للموضوعالأربعاء 3 أكتوبر 2018 - 23:32 من طرفخادم الاسلام اسم الموضوع: جديد التومبيلات ترقيم المساهمات للنسخ:Phpbb3 و Phpbb2الأربعاء 3 أكتوبر 2018 - 23:14 من طرفخادم الاسلام اسم الموضوع: تومبيلات لوضع صور الاعضاء في المتواجدون في المنتدى - حصري -الأربعاء 3 أكتوبر 2018 - 23:13 من طرفخادم الاسلام اسم الموضوع: تومبيلات شكل التقييم في المواضيع الاحترافيالأربعاء 3 أكتوبر 2018 - 23:08 من طرفخادم الاسلام

شاطر | 
 

 حصريا كود نفبار قائمة منسدلة

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

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
233
السٌّمعَة :
17
تاريخ التسجيل :
27/09/2014

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: حصريا كود نفبار قائمة منسدلة الثلاثاء 9 ديسمبر 2014 - 17:38


حصريا كود نفبار قائمة منسدلة
CSS
الكود:

    /* Reset */
    .menu,
    .menu ul,
    .menu li,
    .menu a {
       margin: 0;
       padding: 0;
       border: none;
       outline: none;
    }

    /* Menu */
    .menu {  
       height: 40px;
       width: 505px;

       background: #4c4e5a;
       background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
       background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
       background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
       background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
       background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);

       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
    }

    .menu li {
       position: relative;
       list-style: none;
       float: left;
       display: block;
       height: 40px;
    }

    /* Links */

    .menu li a {
       display: block;
       padding: 0 14px;
       margin: 6px 0;
       line-height: 28px;
       text-decoration: none;
      
       border-left: 1px solid #393942;
       border-right: 1px solid #4f5058;

       font-family: Helvetica, Arial, sans-serif;
       font-weight: bold;
       font-size: 13px;

       color: #f3f3f3;
       text-shadow: 1px 1px 1px rgba(0,0,0,.6);

       -webkit-transition: color .2s ease-in-out;
       -moz-transition: color .2s ease-in-out;
       -o-transition: color .2s ease-in-out;
       -ms-transition: color .2s ease-in-out;
       transition: color .2s ease-in-out;
    }

    .menu li:first-child a { border-left: none; }
    .menu li:last-child a{ border-right: none; }

    .menu li:hover > a { color: #8fde62; }

    /* Sub Menu */

    .menu ul {
       position: absolute;
       top: 40px;
       left: 0;

       opacity: 0;
      
       background: #1f2024;

       -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
       border-radius: 0 0 5px 5px;

       -webkit-transition: opacity .25s ease .1s;
       -moz-transition: opacity .25s ease .1s;
       -o-transition: opacity .25s ease .1s;
       -ms-transition: opacity .25s ease .1s;
       transition: opacity .25s ease .1s;
    }

    .menu li:hover > ul { opacity: 1; }

    .menu ul li {
       height: 0;
       overflow: hidden;
       padding: 0;

       -webkit-transition: height .25s ease .1s;
       -moz-transition: height .25s ease .1s;
       -o-transition: height .25s ease .1s;
       -ms-transition: height .25s ease .1s;
       transition: height .25s ease .1s;
    }

    .menu li:hover > ul li {
       height: 36px;
       overflow: visible;
       padding: 0;
    }

    .menu ul li a {
       width: 100px;
       padding: 4px 0 4px 40px;
       margin: 0;

       border: none;
       border-bottom: 1px solid #353539;
    }

    .menu ul li:last-child a { border: none; }

    /* Icons */

    .menu a.documents { background: url(http://designmodo.com/demo/css3dropdownmenu/img/docs.png) no-repeat 6px center; }
    .menu a.messages { background: url(http://designmodo.com/demo/css3dropdownmenu/img/bubble.png) no-repeat 6px center; }
    .menu a.signout { background: url(http://designmodo.com/demo/css3dropdownmenu/img/arrow.png) no-repeat 6px center; }

HTML

الكود:
   <ul class="menu">

       <li><a href="#">الرئيسية</a></li>
       <li><a href="#">المنتدى</a></li>
       <li><a href="#">أعدادات</a>

          <ul>
             <li><a href="#" class="ملفات">مواضيعي</a></li>
             <li><a href="#" class="الرسائل">الرسائل</a></li>
             <li><a href="#" class="الخروج">الخروج</a></li>
          </ul>

       </li>
       <li><a href="#">توجيهات</a></li>
       <li><a href="#">مضمون جديد</a></li>
       <li><a href="#">اصدقاء</a></li>

    </ul>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1348
السٌّمعَة :
37
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: رد: حصريا كود نفبار قائمة منسدلة الثلاثاء 9 ديسمبر 2014 - 17:40


رد: حصريا كود نفبار قائمة منسدلة
جاري تجربة الكود
شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
حصريا كود نفبار قائمة منسدلة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد انسيابية | css code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | انشاء منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك