c o d . . .
c o d . . .




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

منتديات ايجى روسيا

كل ما هو جديد تجده فى منتديات ايجى روسيا
 
الرئيسيةالرئيسية  التسجيلالتسجيل  دخولدخول  

منتديات ايجى روسيا :: خدمات التطوير والمساعدة :: اكواد Html

 
شاطر
بيانات كاتب الموضوع
كود نافبار جميل
كاتب الموضوعرسالة
المعلومات
الكاتب:
اللقب:
مؤسس المنتدى
الرتبه:
مؤسس المنتدى
الصورة الرمزية
 
avatar

البيانات
ذكر
عدد المساهمات : 1367
نقودي : 2516
التقييم : 24
العمر : 30
الموقع : مصر
العمل/الترفيه : مبرمج
المزاج : فرحان



 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو http://egrosia.0wn0.com

 

موضوع: كود نافبار جميل الثلاثاء نوفمبر 19, 2013 2:01 am






صورة النافبار


يحتاج الى وضع كودين

الكود الاول ويوضع فى التشكيلات العامة

الكود:
[table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td]
[/td][/tr][tr][td class="code"]
<div class="menu">
   <ul>
      <li><a href="#" >Home</a></li>
      <li><a href="#" id="current">Fruit</a>
         <ul>
            <li><a href="#">Apples</a></li>
            <li><a href="#">Oranges</a></li>
            <li><a href="#">Bananas</a></li>
            <li><a href="#">Pears</a></li>
         </ul>
      </li>
      <li><a href="/about.html">About</a>
         <ul>
            <li><a href="#">Company Info</a></li>
            <li><a href="#">Locations</a></li>
            <li><a href="#">FAQ</a></li>
         </ul>
      </li>
      <li><a href="/contact/contact.php">Contact Us</a></li>
   </ul>
</div>[/td][/tr][/table]
والكود الثانى يوضع فى ورقة ccs

الكود:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
 
 font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet
Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   }
.menu ul{
   background:#F93;
   height:50px;
   list-style:none;
   margin:0;
   padding:0;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
   -moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
   box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
   }
   .menu li{
      float:left;
      padding:0px 0px 0px 15px;
     }
   .menu li a{
      color:#000;
      display:block;
      font-weight:normal;
      line-height:50px;
      margin:0px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
   .menu li a:hover{
      background:#C60;
      color:#FFFFFF;
      text-decoration:none;
      -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
      -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
      box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
      }
   .menu ul li:hover a{
      background:#C60;
      color:#FFFFFF;
      text-decoration:none;
      }
   .menu li ul{
      display:none;
      height:auto;
      padding:0px;
      margin:0px;
      border:0px;
      position:absolute;
      width:200px;
      z-index:200;
      }
   .menu li:hover ul{
      display:block;     
      }
   .menu li li {
      display:block;
      float:none;
      margin:0px;
      padding:0px;
      width:200px;
      background:#F93;
      /*this is where the rounded corners for the dropdown disappears*/
      }
   .menu li:hover li a{
      background:none;
      }
   .menu li ul a{
      display:block;
      height:50px;
      font-size:12px;
      font-style:normal;
      margin:0px;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
   .menu li ul a:hover, .menu li ul li:hover a{
      border:0px;
      color:#ffffff;
      text-decoration:none;
      background:#C60;
      -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
      -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
      box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
     }  
ملاحظة / يتم التحكم فى الاسماء الموجودة فى النافبار وروابط توجيهها من خلال الكود الاول

والتحكم فى الخط والالوان من خلال الكود الثانى
 منقول : منتدى الدعم والمساعده















 الموضوع الأصلي : كود نافبار جميل //   المصدر : منتديات ايجي روسيا // الكاتب: Ahmed Veko



Ahmed Veko ; توقيع العضو



__________________________________________________________________________________________________

يا زائر   اضغط هنا  فاهم
المعلومات
الكاتب:
اللقب:
الأدارة العليا
الرتبه:
الأدارة العليا
الصورة الرمزية
 
avatar

البيانات
انثى
عدد المساهمات : 942
نقودي : 952
التقييم : 0
المزاج : رايق


 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو

 

موضوع: _da3m_13 الثلاثاء نوفمبر 19, 2013 2:16 am






موضوع رائع بوركت
















 الموضوع الأصلي : كود نافبار جميل //   المصدر : منتديات ايجي روسيا // الكاتب: لورا



لورا ; توقيع العضو


المعلومات
الكاتب:
اللقب:
عضو مستجد
الرتبه:
عضو مستجد
الصورة الرمزية
 
avatar

البيانات
ذكر
عدد المساهمات : 85
نقودي : 85
التقييم : 0
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو

 

موضوع: رد: كود نافبار جميل الجمعة يناير 03, 2014 4:11 pm






مشكوووووووووووووووووووووووور















 الموضوع الأصلي : كود نافبار جميل //   المصدر : منتديات ايجي روسيا // الكاتب: php



php ; توقيع العضو


كود نافبار جميل

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


الكلمات الدليلية (Tags)
لا يوجد


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

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




مواضيع ذات صلة



published by Raltatwer

Adsense Management by Mohamed Dwedar