العراق اونلاين
نرحب
بكل من يزور
منتدانا

ننتظر تسجيلك هـنـا


{ (إعلن معنا ) ~

..{ |[.. التبادل الاعلاني للمنتديات.. ☆ ┗ }..}~
     
..{ |[.. فعَاليَات المُنتدى .. ☆ ┗ }..}~
     




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

كود الازرار المعدل  I_icon_minicat_new منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

العراق اونلاين :: تقنيات متقدمه :: اكواد منتدى شباب

إرسال موضوع جديدإرسال مساهمة في موضوع
شاطر

كود الازرار المعدل  Emptyالأحد فبراير 15, 2015 1:17 pm
المشاركة رقم:
Admin
Admin

سحر العيون

إحصائية العضو

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013
https://iraqaonlaen.0wn0.com
مُساهمةموضوع: كود الازرار المعدل


كود الازرار المعدل


كود هتمل

الكود:
       
        <nav class="container1">    </nav>
        <ul>
               
        <li class="nav-item1">
        <a class="nav-link" href="#">Home</a> 
        </li>
               
        <li class="nav-item1">
        <a class="nav-link" href="#">Work</a> 
        </li>
               
        <li class="nav-item1">
        <a class="nav-link" href="#">About</a> 
        </li>
               
        <li class="nav-item1">
        <a class="nav-link" href="#">Contact</a> 
        </li>
             
        <li class="nav-item1">
        <a class="nav-link" href="#">Contact</a> 
        </li>
             
        <li class="nav-item1">
        <a class="nav-link" href="#">Contact</a> 
        </li>
             
        <li class="nav-item1">
        <a class="nav-link" href="#">Contact</a> 
        </li>
             
        <li class="nav-item1">
        <a class="nav-link" href="#">Contact</a> 
        </li>
             
        </ul><nav class="container1">  </nav>


كودكي


الكود:
       
            .container1 {
              margin: 100px auto;
              width: 100px;
              text-align: center;
            }
       
            .nav-item1 {
              padding: 3px;
              background: rgba(0, 0, 0, 0.01);
              border-radius: 4px;
              display: inline-block;
              vertical-align: baseline;
              zoom: 1;
              *vertical-align: auto;
              background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(255, 255, 255, 0.12));
              background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(255, 255, 255, 0.12));
              background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(255, 255, 255, 0.12));
              background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(255, 255, 255, 0.12));
              -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px rgba(255, 255, 255, 0.15);
              box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px rgba(255, 255, 255, 0.15);
            }
       
            .nav-link {
              display: block;
              line-height: 27px;
              width: 100px;
              font-size: 12px;
              color: white;
              text-decoration: none;
              text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
              background: #7e929b;
              border: 1px solid;
              border-color: #c2ccd1 #9cacb2 #91a2aa;
              border-color: #c2ccd1 rgba(255, 255, 255, 0.1) #91a2aa;
              border-radius: 3px;
              background-image: -webkit-linear-gradient(top, #b9c6cc 0%, #8ea1aa 50%, #768b94 51%, #7c9099 75%, #7e929b 100%);
              background-image: -moz-linear-gradient(top, #b9c6cc 0%, #8ea1aa 50%, #768b94 51%, #7c9099 75%, #7e929b 100%);
              background-image: -o-linear-gradient(top, #b9c6cc 0%, #8ea1aa 50%, #768b94 51%, #7c9099 75%, #7e929b 100%);
              background-image: linear-gradient(to bottom, #b9c6cc 0%, #8ea1aa 50%, #768b94 51%, #7c9099 75%, #7e929b 100%);
            }
       
            .nav-link:hover {
              background: #a8bdc7;
              border-color: #e3eaed #d3dee3 #cedadf;
              background-image: -webkit-linear-gradient(top, #cfdae0 0%, #b5c7cf 50%, #a6bac5 51%, #aec1ca 100%);
              background-image: -moz-linear-gradient(top, #cfdae0 0%, #b5c7cf 50%, #a6bac5 51%, #aec1ca 100%);
              background-image: -o-linear-gradient(top, #cfdae0 0%, #b5c7cf 50%, #a6bac5 51%, #aec1ca 100%);
              background-image: linear-gradient(to bottom, #cfdae0 0%, #b5c7cf 50%, #a6bac5 51%, #aec1ca 100%);
            }
       
            .nav-link:active {
              padding: 1px;
              background: #8c9da5;
              border: 0;
              background-image: -webkit-linear-gradient(top, #5f7681 0%, #8c9da5 45%, #9dabb1 100%);
              background-image: -moz-linear-gradient(top, #5f7681 0%, #8c9da5 45%, #9dabb1 100%);
              background-image: -o-linear-gradient(top, #5f7681 0%, #8c9da5 45%, #9dabb1 100%);
              background-image: linear-gradient(to bottom, #5f7681 0%, #8c9da5 45%, #9dabb1 100%);
            }





الموضوع الأصلي : كود الازرار المعدل // المصدر : منتديات أحلى حكاية // الكاتب: سحر العيون


توقيع : سحر العيون





إرسال موضوع جديدإرسال مساهمة في موضوع



الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)



كود الازرار المعدل  Collapse_theadتعليمات المشاركة
صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑(أعلي 10 إحصائيات)๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑
أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات
 سحر العيون 341 المساهمات
 علم حسن 87 المساهمات
 أبو آفاق 84 المساهمات
 احمد الهلالى 1 مُساهمة
الموضوع  التاريخ, الوقت أرسلت بواسطة
 توقيت نشر المساهمه الثلاثاء يناير 24, 2017 2:03 am
 توقيت نشر المساهمه السبت أكتوبر 08, 2016 8:26 am
 توقيت نشر المساهمه الجمعة أكتوبر 16, 2015 5:07 pm
 توقيت نشر المساهمه الأحد أغسطس 16, 2015 4:41 am
 توقيت نشر المساهمه الثلاثاء يوليو 28, 2015 5:26 am
 توقيت نشر المساهمه الخميس يوليو 23, 2015 8:21 pm
 توقيت نشر المساهمه الخميس يوليو 23, 2015 7:31 pm
 توقيت نشر المساهمه الأربعاء يوليو 22, 2015 2:20 pm
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:15 am
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:13 am
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:06 am
 توقيت نشر المساهمه السبت يوليو 18, 2015 8:28 pm
أفضل 10 فاتحي مواضيع افضل 10 اعضاء هذا الشهرافضل 10 اعضاء هذا الاسبوع
سحر العيون 203 المواضيع
أبو آفاق 22 المواضيع
علم حسن 18 المواضيع
احمد الهلالى 1 موضوع