شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

default نافبار بشكل جديد وله روابط اضافية

avatar
Tox1Do
 
البلد : مصر
الجنس : ذكر
المساهمات : 3202
نقاط النشاط : 3486
تمت المشاركة في الإثنين 17 سبتمبر 2018 - 14:11

اهلا وسهلا من جديد
اليوم نقدم لكم نافبار بشكل جديد وله روابط اضافية يمكنك وضعه بالرئيسية تضع به روابط والخ
صورة له

 نافبار بشكل جديد وله روابط اضافية Oi_10

طريقة الوضع ؟
يمكنك وضعه فى اى مكان تريده بتومبلايت او عبر HTML او غيرها من الاماكن التى تريد وضعها به
ولكن الطريقة المفضلة هى عبر التومبلايت
ادخل الى قالب:overall_header
ثم ابحث عن الرمز التالى وضع اسفله الكود

الكود:
<a id="top" name="top" accesskey="t"></a>

الكود:
 
<style>
* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 
/*وهبة الساحر*/
  header {
      background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
      border-bottom: 1px solid rgba(0,0,0,.1);
      box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
      display: block;
      position: fixed;
      width: 100%;
      z-index: 1000;
  }
 
  header > nav > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      list-style: none;
      margin: 0;
      padding: 0;
  }
 
      header > nav > ul > li {
        flex: 0 1 auto;
        margin: 0;
        padding: 0;
        position: relative;
        transition: all linear 0.1s; 
      }
     
        header > nav > ul > li:hover {
            background: rgba(58,162,173,1);
        }
       
        header > nav > ul > li a + div {
            background: linear-gradient(to bottom,rgba(58,162,173,1) 0,rgba(62,188,207,0.96) 100%);;
            border-radius: 0 0 2px 2px;
            box-shadow: 0 3px 1px rgba(0,0,0,.05);
            display: none;
            font-size: 1rem;
            position: absolute;
            width: 195px;
        }
       
            header > nav > ul > li:hover a + div {
              display: block;
            }
           
            header > nav > ul > li a + div > ul {
              list-style-type: none; 
            }
           
              header > nav > ul > li a + div > ul > li {
                  margin: 0;
                  padding: 0;
              }
             
                  header > nav > ul > li a + div > ul > li > a {
                    color: rgba(255,255,255,.9);
                    display: block; 
                    font-size: .75rem;
                    letter-spacing: 1.5px;
                    padding: .25rem 1.5rem;
                    text-decoration: none;
                    text-transform: uppercase;
                  }
                 
                    header > nav > ul > li a + div > ul > li:hover > a {
                        background-color: rgba(0,0,0,.15); 
                    }
 
        header > nav > ul > li > a {
            align-items: flex-start;
            color: #fff;
            display: flex;
            font-size: 1.55rem;
            font-weight: 200;
            letter-spacing: 1px;
            max-width: 130px;
            padding: 1rem 1.5rem;
            text-decoration: none;
            text-shadow: 0 1px 1px rgba(0,0,0,.1);
            transition: all linear 0.1s;
        }
       
            header > nav > ul > li > a > div > span {
              color: rgba(255,255,255,.75);
              display: block;
              font-family: Georgia, "Times New Roman", Times, serif;
              font-size: .7rem; 
              font-style: italic;
              line-height: 1rem;
              max-width: 260px;
            }
 
@media (min-width: 990px) {
  header > nav > ul > li > a {
    max-width: 500px;
    font-size: 1.7rem;
  line-height: 2rem;
  }
 
  header > nav > ul > li > a > div > span {
    margin: 4px 0 0; 
  }
}
</style>
 
<header>
  <nav role="n.....تمنع روابط التحميل الغير قانوني......gation">
      <ul>
        <li>
            <a href="/">
              <div>
                  الرئيسية
                  <span>لا يوجد مكان مثل ذلك</span>
              </div>
            </a>
        </li>
        <li>
            <a href="#">
              <div>
                  مدونة
                  <span>أفكاري الصخور</span>
              </div>
            </a><div>
              <ul>
                  <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>
              </ul>
            </div>
        </li>
        <li>
            <a href="/contact">
              <div>
                  اتصل
                  <span>قطرة لي خط</span>
              </div>
            </a>
        </li>
        <li>
            <a href="/forum">
              <div>
منتدى
                  <span>الدردشة مع الآخرين</span>
              </div>
            </a>
        </li>
      </ul>
  </nav>
</header>





توقيع : Tox1Do


 نافبار بشكل جديد وله روابط اضافية 500_8010

للشكوى ضد الفريق الخاص من هنا

طلبات الانضمام لفريق المنتدى

default رد: نافبار بشكل جديد وله روابط اضافية

منصورة
منصورة
أسطورة الإشهار

البلد : الجزائر
الجنس : انثى
المساهمات : 20516
نقاط النشاط : 23790
تمت المشاركة في الإثنين 17 سبتمبر 2018 - 17:27

ما شاء الله
يسلم ذووقك اخى
ودقتك فى اختيار الاكواد كتير مهمه
وشروحات مبسطه الله يعطيك العافيه





توقيع : منصورة


 نافبار بشكل جديد وله روابط اضافية F8oq5Vt
 نافبار بشكل جديد وله روابط اضافية 10969710
 نافبار بشكل جديد وله روابط اضافية Ouuuso10

default رد: نافبار بشكل جديد وله روابط اضافية

مصطفى ستيتان
مصطفى ستيتان
 
البلد : فلسطين
الجنس : ذكر
المساهمات : 6269
نقاط النشاط : 6945
تمت المشاركة في الأربعاء 3 أكتوبر 2018 - 13:55

ألف شكر لكم على المجهود الطيب, 
وجزاكم الله كل خير




توقيع : مصطفى ستيتان


سبحان الله والحمدلله ولا إله إلا الله 
- أدعوكم للمشاركة في ( منتديات سما العرب ) 
https://www.samaarab.com/vb/
 نافبار بشكل جديد وله روابط اضافية Do

default رد: نافبار بشكل جديد وله روابط اضافية

حميد العامري
حميد العامري
 
البلد : العراق
الجنس : ذكر
المساهمات : 12031
نقاط النشاط : 12410
تمت المشاركة في الجمعة 5 أكتوبر 2018 - 9:08

مجهود رائع
بارك الله بك




توقيع : حميد العامري


 نافبار بشكل جديد وله روابط اضافية Ddd10

default رد: نافبار بشكل جديد وله روابط اضافية

Mc nabulsy
Mc nabulsy
 
البلد : فلسطين
الجنس : ذكر
المساهمات : 3621
نقاط النشاط : 5708
الأوسمة :  نافبار بشكل جديد وله روابط اضافية 1510

تمت المشاركة في الأربعاء 1 أبريل 2020 - 22:40

الكود يعمل بدون مشاكل
شكرا لك





توقيع : Mc nabulsy


لا اقوم بالرد والمساعدة على الخاص, اتابع معكم فقط  في الاقسام المخصصة في حال قدرتي على حل المشكلة

default رد: نافبار بشكل جديد وله روابط اضافية

1M ThE BesT
1M ThE BesT
أسطورة الإشهار

البلد : الجزائر
الجنس : ذكر
المساهمات : 7896
نقاط النشاط : 6495
تمت المشاركة في الأربعاء 8 أبريل 2020 - 15:40

كود جميل واصل عزيزي




توقيع : 1M ThE BesT


 نافبار بشكل جديد وله روابط اضافية Fe3zva



default رد: نافبار بشكل جديد وله روابط اضافية

postoffice
postoffice
 
البلد : سوريا
الجنس : ذكر
المساهمات : 17
نقاط النشاط : 17
تمت المشاركة في السبت 25 أبريل 2020 - 0:33

شكرا لك يا مبدع الكود يعمل جيد جدا




default رد: نافبار بشكل جديد وله روابط اضافية

Oussama.Gfx
Oussama.Gfx
فريق الاشهار

البلد : المغرب
الجنس : ذكر
المساهمات : 454
نقاط النشاط : 596
تمت المشاركة في الإثنين 29 يونيو 2020 - 1:12
توقيع : Oussama.Gfx


زيادة المتابعاتتويتر - فايسبوكإنستغرام يوتوب
حسابي انستغرام oussamara84
موقع
Www.ghobz.rigala.net bom
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى