دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Tox1Do
 
 
avatar

البلد : مصر
الجنس : ذكر
المساهمات : 3202
نقاط النشاط : 3486

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالإثنين 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>


الرجوع الى أعلى الصفحة اذهب الى الأسفل
منصورة
نجم الاشهار

منصورة

البلد : الجزائر
الجنس : انثى
المساهمات : 20716
نقاط النشاط : 23986

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالإثنين 17 سبتمبر 2018 - 17:27

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


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


 نافبار بشكل جديد وله روابط اضافية F8oq5Vt
منتديات منصورة والجميع ترحب بالجميع
http://www.manssora.com/
 نافبار بشكل جديد وله روابط اضافية 10969710
 نافبار بشكل جديد وله روابط اضافية Ouuuso10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
 
 
مصطفى ستيتان

البلد : فلسطين
الجنس : ذكر
المساهمات : 6271
نقاط النشاط : 6945

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالأربعاء 3 أكتوبر 2018 - 13:55

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


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


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

البلد : العراق
الجنس : ذكر
المساهمات : 12474
نقاط النشاط : 13090

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالجمعة 5 أكتوبر 2018 - 9:08

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


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


 نافبار بشكل جديد وله روابط اضافية Ddd10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
 
 
Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 3674
نقاط النشاط : 5769

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالأربعاء 1 أبريل 2020 - 22:40

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


توقيع : Mc nabulsy


شركة انكور التطويرية
لا اقوم بالرد والمساعدة على الخاص, اتابع معكم فقط  في الاقسام المخصصة في حال قدرتي على حل المشكلة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1M ThE BesT
أسطورة الإشهار

1M ThE BesT

البلد : الجزائر
الجنس : ذكر
المساهمات : 7896
نقاط النشاط : 6495

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالأربعاء 8 أبريل 2020 - 15:40

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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
postoffice
 
 
postoffice

البلد : سوريا
الجنس : ذكر
المساهمات : 17
نقاط النشاط : 17

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالسبت 25 أبريل 2020 - 0:33

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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Oussama.Gfx
مشرف خدمات أصحاب المواقع

Oussama.Gfx

البلد : المغرب
الجنس : ذكر
المساهمات : 617
نقاط النشاط : 785

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالإثنين 29 يونيو 2020 - 1:12

جميل


توقيع : Oussama.Gfx


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

منتديات دليل الإشهــــار العربي 
www.pubarab.com/forum

** منتديات جوبز التطويرية من هنا 
رابط التسجيل مباشرة  بالمنتدى من هنا
www.ghobz.rigala.net

 نافبار بشكل جديد وله روابط اضافية Vr7y9y10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
العراقي الطائي
 
 
العراقي الطائي

البلد : المغرب العربي
الجنس : ذكر
المساهمات : 42
نقاط النشاط : 52

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالثلاثاء 6 أكتوبر 2020 - 23:43

مشكور اخي جميل جدا


الرجوع الى أعلى الصفحة اذهب الى الأسفل
goboy
 
 
goboy

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


 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالثلاثاء 9 فبراير 2021 - 11:25

بارك الله بجهودك


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mahinor
مشرف الاسرة والمجتمع

Mahinor

البلد : مصر
الجنس : انثى
المساهمات : 2442
نقاط النشاط : 2727

 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالأربعاء 17 فبراير 2021 - 12:08

شكرا لكم كود جميل
واصلو الطرح


الرجوع الى أعلى الصفحة اذهب الى الأسفل
goboy
 
 
goboy

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


 نافبار بشكل جديد وله روابط اضافية Empty
مُساهمةموضوع: رد: نافبار بشكل جديد وله روابط اضافية    نافبار بشكل جديد وله روابط اضافية Emptyالأربعاء 17 فبراير 2021 - 16:12

سلمت يداك على الطرح الطيب
لاعدمنـآ هذا التميز
يعطيكـ ربي العآفيهـ
بـ إنتظارجديدك بكل شوق
ودي ووردي


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
نافبار بشكل جديد وله روابط اضافية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: تطوير المواقع و المنتديات :: قسم تطوير المواقع والمنتديات-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي