الرئيسيةالرئيسية  اليوميةاليومية  بحـثبحـث  س .و .جس .و .ج  التسجيلالتسجيل  دخول  مكتبة الصورمكتبة الصور  

شاطر | 
 

 (تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة فقط و حصريا على , منتديات احدث البرامج

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
رسالة
مُساهمةموضوع: (تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة فقط و حصريا على , منتديات احدث البرامج   2012-01-31, 16:41

avatar
ana lena
عضو نشيط
النوع : ذكر
عدد المساهمات : 115
النقط : 5834
تاريخ التسجيل : 25/01/2012
العمر : 20
الإجابات المقدمة: 1
2012-01-31, 16:41
المشاركة 1
نشاط ana lena
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: (تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة فقط و حصريا على , منتديات احدث البرامج
    السلام عليكم ورحمة الله وبركاته
    مرحبا اعضاء اسرة احلي منتدي
    سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام

    صورة توضيحة للغرض

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




    نتوكل علي الله :--> نذهــب الي

    لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
    نختار هذا القالب index_box ونضغط عليه تعديل

    نبحث عن هذا الكود

    الكود:
        <!-- BEGIN tablehead --><table class="forumline"
        width="100%" border="0" cellspacing="1" cellpadding="0">

    ونضع بعد مباشر الكود التالي
    الكود:
                  <tr>
       
              <ul class="glossymenu"><li class="current"><a
        href=رابط قسم"><b> منتدي
        الدعم</b></a></li><li><a href="رابط القسم"
        title="عنوان القسم"><b>اسم
        القسم</b></a></li><li><a href="رابط القسم"
        title="منتدي الدعم" style=""><b>اسم
        القسم</b></a></li><li><a href="رابط القسم"
        title="اسم قسم" style=""><b> اسم
        القسم</b></a></li><li><a href="رابط
        قسم""><b>اسم
        القسم</b></a></li><li><a href="رابط القسم"
        style=""><b>اسم القسم
        </b></a></li><li><a href="رايبط القسم"
        style=""><b>اسم القسم</b></a></li></ul>
                    </tr>

    كما في الصورة



    ثم نذهب الي
    لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
    ونضع هذا الكود
    الكود:

       
        .glossymenu {
            background: url("http://hitskin.com/themes/16/95/80/i_back_title.png") repeat-x scroll 0 0 transparent;
            height: 25px;
            list-style: none outside none;
            margin: 0 auto;
            padding: 0 0 0 34px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        border-radius: 8px 8px 8px 8px;
       
        }
        .glossymenu li {
            float: left;
        }
        .glossymenu li a {
            color: #000000;
            cursor: pointer;
            display: block;
            float: left;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 12px;
            font-weight: 700;
            height: 26px;
            line-height: 26px;
            padding: 0 0 0 16px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        }
        .glossymenu li a b {
            float: left;
            padding: 0 24px 0 8px;
            text-align: center;
            text-transform: uppercase;
        }
        .glossymenu li a:hover, .glossymenu li.current a {
            background-position: left center;
            color: #ff0000;
            text-align: center;
            text-transform: uppercase;
        }
        .glossymenu li a:hover b, .glossymenu li.current a b {
            background: url("http://i60.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
            border: 1px solid #874b4b;
            border-radius: 10px 10px 10px 10px;
            color: #ff0000;
        }
       

    اخوكم AnA LeNa
    في امان الله

    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://programs2010.yoo7.com
    مُساهمةموضوع: رد: (تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة فقط و حصريا على , منتديات احدث البرامج   2012-02-01, 10:52

    avatar
    ALI
    صاحب المنتدى و مؤسسه
    النوع : ذكر
    عدد المساهمات : 674
    النقط : 2147491450
    تاريخ التسجيل : 11/02/2010
    العمر : 27
    الموقع : منتدى احدث البرامج
    الإجابات المقدمة: 1
    2012-02-01, 10:52
    المشاركة 2
    نشاط ALI
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: (تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة فقط و حصريا على , منتديات احدث البرامج
    شكرا لك لاضافتك الموضوع







    المصدر:

    [url=http://programs2010.yoo7.com][/url]




    {ALI}

    ::[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]::


    "[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"


    :.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]:.
















    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://programs2010.yoo7.com
     
    (تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة فقط و حصريا على , منتديات احدث البرامج
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    شبكه و منتديات احدث البرامج :: تقنيات احلى منتدى اكواد HTML | اكواد CSS | اكواد JavaScript و jQuery | اكواد TEMPELS | و تقنيات اخرى | حصريا على منتدى احدث البرامج :: أكواد التومبلايت | Codes templates-
    انتقل الى: