شبكة ومنتديات سعودي فيوتشر
كود ناف بار فوق الاقسام بطريقة جديدة ومميزة 18620
عزيزي الزائر

لـَاننآ نعشق آلتميز و آلمميزين يشرفنآ آنضمآمك معنآ في شبكة ومنتديات سعودي فيوتشر وحينمآ تقرر آن تبدآ مع منتدى اهااات ينبغي عليك آن تبدآ كبيرآ .. فآلكل كبيرُُ هنآ . وحينمآ تقرر آن تبدآ في آلكتآبه
في منتدانآ.. فتذكر آن منتدانآ يريدك مختلفآ .. تفكيرآ .. وثقآفةً .. وتذوقآ .. فآلجميع هنآ مختلفون ..

نحن ( نهذب ) آلمكآن ، حتى ( نرسم ) آلزمآن !!
لكي تستطيع آن تتحفنآ بمشآركآتك وموآضيعـك
كود ناف بار فوق الاقسام بطريقة جديدة ومميزة 685304

عن طريق التسجيل معنا
شبكة ومنتديات سعودي فيوتشر
كود ناف بار فوق الاقسام بطريقة جديدة ومميزة 18620
عزيزي الزائر

لـَاننآ نعشق آلتميز و آلمميزين يشرفنآ آنضمآمك معنآ في شبكة ومنتديات سعودي فيوتشر وحينمآ تقرر آن تبدآ مع منتدى اهااات ينبغي عليك آن تبدآ كبيرآ .. فآلكل كبيرُُ هنآ . وحينمآ تقرر آن تبدآ في آلكتآبه
في منتدانآ.. فتذكر آن منتدانآ يريدك مختلفآ .. تفكيرآ .. وثقآفةً .. وتذوقآ .. فآلجميع هنآ مختلفون ..

نحن ( نهذب ) آلمكآن ، حتى ( نرسم ) آلزمآن !!
لكي تستطيع آن تتحفنآ بمشآركآتك وموآضيعـك
كود ناف بار فوق الاقسام بطريقة جديدة ومميزة 685304

عن طريق التسجيل معنا
شبكة ومنتديات سعودي فيوتشر
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتدى عام _ برامج _ جوالات_ العاب_ تسالي
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 كود ناف بار فوق الاقسام بطريقة جديدة ومميزة

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


المملكة العربية السعوية
رقم العضوية : 1
ذكر
الجدي
عدد المساهمات : 2624
تاريخ التسجيل : 29/12/2009
المزاج : متعلق برضاكم

الورقة الشخصية
الورقة الشخصية:
الورقة الشخصيةكود ناف بار فوق الاقسام بطريقة جديدة ومميزة Empty
كود ناف بار فوق الاقسام بطريقة جديدة ومميزة Emptyal7afe

كود ناف بار فوق الاقسام بطريقة جديدة ومميزة Empty
مُساهمةموضوع: كود ناف بار فوق الاقسام بطريقة جديدة ومميزة   كود ناف بار فوق الاقسام بطريقة جديدة ومميزة Emptyالأحد يناير 01, 2012 12:11 pm


مرحبا اعضاء اسرة منتدى سعودي فيوتشر
سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام

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

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

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


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

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

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



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


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


الكود:
[font=Courier New]<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>[/font]






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

الكود:
[font=Courier New].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;
    }[/font]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://saudifutuer.ahlamontada.com
 
كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  كود تغيير شكل الاقسام علي الرئيسية
» تومبلاتات : أخفاء ازرار الاستعراض الاسفلية بطريقة صحيحة
» [ Template ] إضافة زر القوانين إلى ازرار صندوق ارسال المساهمات بطريقة جميلة
» [تومبيلات]: كود 3صناديق الدخول,معلومات المنتدى,Adv باحترافيه جديدة v0.1

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