أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



المواضيع الأخيرة
»  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]
الجمعة يوليو 19, 2013 12:04 pm من طرف بہحہبگ يہأ مہجہنہونہة

»  [JavaScript] رسالة تظهر قبل الدخول للدردشة
الجمعة يوليو 19, 2013 11:56 am من طرف بہحہبگ يہأ مہجہنہونہة

»  كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
الجمعة يوليو 19, 2013 11:49 am من طرف بہحہبگ يہأ مہجہنہونہة

» صيانة شاملة للمنتديات يوم الخميس 22 محرم 1434
الجمعة يوليو 19, 2013 11:37 am من طرف الزعيم

» صيانة أحد النطاقات الخاصة بأحلى منتدى
الجمعة يوليو 19, 2013 10:19 am من طرف بہحہبگ يہأ مہجہنہونہة

»  طريقة أزالة السطر من تحت أسماء الأعضاء
الجمعة يوليو 19, 2013 2:57 am من طرف الزعيم

»  كود css لوضع خلفيه لزر أرسل مساهمتك للنسخة 2
الجمعة يوليو 19, 2013 2:56 am من طرف الزعيم

» كود cssلوضع ايطار كلي منقط مع ايطار كلي للبينات للنسخة(invision)
الجمعة يوليو 19, 2013 2:55 am من طرف الزعيم

»  كود css لوضع خلفيه للوحوه الضاحكه من اكتشافي للنسخة الثالثة و InvisioN فقط
الجمعة يوليو 19, 2013 2:54 am من طرف الزعيم

انشاء منتدى مجاني
أفضل 10 أعضاء في هذا الأسبوع

سحابة الكلمات الدلالية

عمل منتدى

(css) وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع

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

(css) وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع

مُساهمة من طرف الزعيم في الجمعة يوليو 19, 2013 2:37 am


نقدم لكم اليوم شرحاً لطريقة وضع صوره كخلفية لاسماء الفئات في المنتدى , وذلك عن طريق كود CSS
بدايةً , صورة للمنتدى قبل وضع الكود :
الرئيسية
قبل




بعد



و من داخل الاقسام
قبل





بعد






وداخل المواضيع
قبل





بعد






حسنا ، الكود لعمل هذا التغير هو التالي :
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
   /*----------Lord-Adoain & AsEsInO------*/

    .secondarytitle, .secondarytitle h2 {
        background-image: url("http://illiweb.com/fa/pbucket.gif");
        background-position: center center;
        background-repeat: no-repeat;
        color: #30291F;
        font-size: 14px;
        margin: 0;
        padding: 0;
    font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif;
    }

    th {
     background-image: url("http://illiweb.com/fa/pbucket.gif");
        background-position: center center;
        background-repeat: no-repeat;
        color: #30291F;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
    font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif;
    }

    /*----------AsEsInO & Lord-Adoain------*/


الكود يوضع في :~
لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة تصميم CSS , ضع الكود وسجل

ولتغيير الصورة , غير هذا الرابط الذي في الكود برابط الصورة التي تريد

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

الكود من تطوير

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


نرجو ان نكونا قد وفقنا في الشرح

يمنع حذف الحقوق والله شهيد ورقيب

avatar
الزعيم
المـديـر العـــام
المـديـر العـــام

عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013

معاينة صفحة البيانات الشخصي للعضو http://help1.ahlamuntada.com

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

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


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى