منتدى الرياضة العربية البوابة

اخبار ، فيديوهات ، مباريات ، بث مباشر ، ترددات ، قسم خاص Bein SPORTS ، ترتيب الفرق ، ترتيب الهدافين ، قنوات MBC PRO SPORTS , اكواد html , اكواد java , اكواد Css , اكواد تومبيلات , كل ذلك في منتدانا
 
الرئيسيةالبوابةس .و .جبحـثالتسجيلدخول
مواضيع مماثلة

    شاطر | 
    تابعنا على مواقع التواصل الاجتماعى

     

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

    استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
    كاتب الموضوعرسالة
    معلومات العضو
    Admin

    avatar

    Admin

    Admin
    معلومات إضافية
    الدولة : فلسطين
    الساعة :
    ذكر
    القوس
    عدد المساهمات : 5139
    نقاطك : 1095431276
    تاريخ الميلاد : 09/12/1994
    تاريخ التسجيل : 02/05/2012
    العمر : 23
    الموقع : http://arabfoot.ahlamontada.com
    المزاج : ممتاز
    معلومات الاتصال
    مُساهمةموضوع: كود HTML ناف بار جميل جدا بدون تومبيلات   الإثنين يونيو 22, 2015 5:27 pm

    السلام عليكم
    أهلا بكم أعضاء وزوار منتدى الرياضة العربية البوابة الكرام ..
    كما وعدناكم بكل جديد .. والآن وحصريا : نقدم لكم كود ناف بار جميل جدا بدون تومبيلات  ..

    أنا لا أريد أن أطيل عليكم ..

    أولا : أخبركم أين يوضع الكود : 

    لوحة الإدارة - عناصر إضافية - البوابة والعناصر - إدارة العناصر المستقلة - إنشاء عنصر شخصي - تكتب اسم العنصر : ناف بار زوار
    وتضع في مصدر العنصر هذا الكود : 

    <div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">  <!-- نافبار --><ul  class="menu" >  <li><a  href="/" alt="منتديات ضع اسم منتداك هنا " title="الصفحة الرئيسية"><img src="http://im41.gulfup.com/QMqFh.jpg" /></a></li>        <li><a title="جديد مواضيع المنتدى" href="/feed/" >جديد المنتدى</a></li>         <li><a title="الاعضاء" href="#">خدماتنا  ▼ </a>      <ul>        <li><a title="ضع ماتريد هنا" href="ضع الرابط هنا" class="documents" > »  خدمات منتديات VB</a></li>        <li><a title="ضع ماتريد هنا" href="ضع الرابط هنا" > » تطوير احلى منتدى  </a></li>        <li><a title=" ضع ماتريد هنا" href="ضع الرابط هنا" class="signout" > »  طلبات التصاميم  </a></li>      </ul> <li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents" >أتصل بنا  </a></li>       <li><a title="البحث داخل المنتدى" href="/search"><img src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>  <li><a title="التسجيل في المنتدى" href="/register"><img src="http://i76.servimg.com/u/f76/12/22/94/86/21310.png" /></a>   </ul> <style Type="Text/css">/* Reset */.menu,.menu ul,.menu li,.menu a {margin: 0; padding: 0;  border: none; outline: none;} /* Menu */.menu {height: 42px; width: 100%; background: #2e2e2e;            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);  background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);  background: -moz-linear-gradient(top, #494949 0%,#202020 100%);  background: -o-linear-gradient(top, #494949 0%,#202020 100%);  background: -ms-linear-gradient(top, #494949 0%,#202020 100%);  background: linear-gradient(top, #494949 0%,#202020 100%); }.menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;} /* Links */.menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;  text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;  font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}.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: 34px;  overflow: visible; padding: 0;}.menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}.menu ul li:last-child a { border: none; }</style><!-- نافبار حوف نت نهاية--><div style="left: 3px; overflow: visible; width: 450px; position: absolute; top: 10px; height: 30px;" align="center"> <form action="/login" method="post" dir="rtl"><input name="username" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';" size="9" maxlength="40" type="text"><input name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر') this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';" size="9" maxlength="32" type="password"><input class="mainoption" name="login" value="دخول" size="9" type="submit"> <input name="autologin" checked="true" type="checkbox"><font  title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1" >تذكرني</font><a title="استعادة كلمه السر من هنا" href="/profile?mode=sendpassword"><font color="#3DAC0B" size="1">| نسيت كلمة السر؟ |</font></a><a title="سجل كعضو جديد" href="/register"><font color="#3DAC0B" size="2"><b> عضو جديد</b></font></a>  </form></div>


    ثم اضغط سجل ..

    ثم اضغط علي (إنشاء عنصر شخصي) مرة أخري واكتب اسم العنصر : ناف بار أعضاء ..
    وفي مصدر العنصر ضع هذا الكود : 

    <div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">


    <!-- نافبار  -->
    <ul class="menu">

    <li><a
    href="/" alt="منتديات ضع اسم منتداك هنا" title="الصفحة الرئيسية"><img
    src="http://im41.gulfup.com/QMqFh.jpg" /></a></li>
         
    <li><a title="جديد مواضيع المنتدى" href="/feed/">جديد المنتدى</a></li>

         
    <li><a title="الاعضاء" href="#">خدماتنا  ▼ </a>
       
    <ul>
         
    <li><a
    title="ضع ماتريد هنا" href="ضع الرابط هنا"
    class="documents"> »  خدمات منتديات VB  </a></li>
         
    <li><a
    title="تطوير منتديات احلى منتدى" href="/c11-category"
    class="messages"> » تطوير احلى منتدى  </a></li>
         
    <li><a title=" طلبات التصاميم" href="/c10-category" class="signout"> »  طلبات التصاميم </a></li>
         </ul>



       
    </li>
    <li><a title="الاعضاء" href="#">روابط مهمة  ▼ </a>
       
    <ul>
         
    <li><a
    title="قوانين
    المنتدى" href="http://islamy4u.forumslife.com/t165-topic"
    class="documents"> » قوانين المنتدى     </a></li>
         
    <li><a
    title="قوانين الإشراف" href="ضع الرابط هنا" class="messages"> » قوانين الإشراف </a></li>
         
    <li><a title="تغيير كلمات السر" href="ضع الرابط هنا" class="signout"> » تغيير كلمات السر  </a></li>
         </ul>


    </li>
    <li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents">أتصل بنا  </a></li>

    <li><a
    title="خيارات سريعة" href="#"><img
    src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png"
    /></a>
       
    <ul>
         
    <li><a
    title="جميع مشاركاتي" href="/search.forum?search_id=egosearch"
    class="messages"> » جميع مشاركاتي  </a></li>
         
    <li><a
    title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered"
    class="signout"> » مواضيع لم يرد عليها  </a></li>
                   
    <li><a
    title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك"
    href="/search?search_id=newposts" class="signout"> » الجديد منذ آخر
    زيارة  </a></li>
         </ul>
     </li>


    <li><a
    title="الرسائل الخاصة" href="/privmsg?folder=inbox"><img
    src="http://i33.servimg.com/u/f33/16/83/50/82/115.png" /></a>

    </li>
    <li><a
    title="البيانات الشخصية" href="/profile?mode=editprofile"><img
    src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a>

         
    </li>
    <li><a
    title="البحث داخل المنتدى" href="/search"><img
    src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>
       

    </li></ul>

    <style type="Text/css">
    /* Reset */
    .menu,
    .menu ul,
    .menu li,
    .menu a {margin: 0; padding: 0;  border: none; outline: none;}

    /* Menu */
    .menu {height: 42px; width: 100%; background: #2e2e2e;
               box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
     background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
     background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
     background: -o-linear-gradient(top, #494949 0%,#202020 100%);
     background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
     background: linear-gradient(top, #494949 0%,#202020 100%); }
    .menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}

    /* Links */
    .menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
     text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;
     font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
    .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: 34px;  overflow: visible; padding: 0;}
    .menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
    .menu ul li:last-child a { border: none; }
    </style>
    <!--
    نافبار ليالي مصريه نهاية--><div style="left: 46px; overflow: visible;
    width: 300px; position: absolute; top: 12px; height: 30px;"
    align="center"><div style="text-align: left;"><font
    color="#C0C0C0" size="2">مرحباً بك يا
    <b>زائر</b></font><a
    href="/login?logout"><font size="2">  [ خروج ]
    </font></a></div>
    <style type="Text/css"></style>
    </div><div
    style="left: 20px; overflow: visible; width: 15px; position: absolute;
    top: 7px; height: 30px;" align="center">
    <script>
           jQuery(document).ready(function(){
             jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                 link = jQuery('#register .forumline td.row1 img', data).attr('src');
                 if(link){
                   jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
                 }else{
                   jQuery('#avatar').html('');
                 }
             });
           });
           </script><div id="avatar"></div>
    <style type="Text/css">
    #avatar img{
    max-height: 27px;
    max-width:  27px;
    border:  1px solid #4F4F4F;
    border-radius: 4px;    }
    </style>
    </div>

    </div>



    ثم اضغط سجل ..

    ضع العنصرين في العناصر ثم اضغط سجل ..

    ثم عدل صلاحيات الناف بار للزوار اجعل لا يراه إلا الزوار ..
    وعدل صلاحيات الناف بار للأعضاء اجعل يراه الجميع ما عدا الزوار ..

    ثم اضغط سجل ..

    في حال ظهور فراغ على جانب المنتدى 
    ضع هذا الكود في css

       #left{    position: absolute;    top: 5px;right: 5px;    width: 18%;    float: right;    }


    وهكذا مبروك عليك الناف بار ..


    ملحوظة : تأكد أن العناصر مفعلة

    ملحوظة : لا تنسي التعديل علي الكود بما يناسب منتداك

    وهكذا انتهينا ..

     هذا الشرح تم بواسطة : admin - منتدى الرياضة العربية البوابة ::!!

     يمنع النقل دون ذكر المصدر ..  ضحكة

    مواضيع المنتدى وحقوقها محفوظة ويمنع النقل دون ذكر المصدر ومن نقلها من غير نقل المصدر جزاء امانته عند ربةالموضوعالأصلي : كود HTML ناف بار جميل جدا بدون تومبيلات المصدر : منتدى الرياضة العربية البوابة الكاتب:Admin
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
     
    كود HTML ناف بار جميل جدا بدون تومبيلات
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 

    صفحة 1 من اصل 1

     مواضيع مماثلة
    -
    » تحميل كرتون سندريلا عندنا بس



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

    ضوابط المشاركة في المنتدى
    لاتستطيع الرد على المواضيع في هذا المنتدى


    BB codeمتاحة للجميع
    الابتسامات متاحةللأعضاء
    كود[IMG]متاح للأعضاء
    كود HTML متاحللأعضاء


    منتدى الرياضة العربية البوابة :: الـتـقـنـيـات الـمـتـقـدمـة :: أكواد HTML-