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

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

بدايةً , صورة للمنتدى
قبل وضع الكود :
الرئيسية
قبل

تكبير الصورةتصغير
الصورة تم تعديل ابعاد هذه
الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

بعد

تكبير
الصورةتصغير الصورة تم تعديل ابعاد هذه
الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

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



تكبير
الصورةتصغير الصورة تم تعديل ابعاد هذه
الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

بعد



تكبير
الصورةتصغير الصورة تم تعديل ابعاد هذه
الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


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



تكبير
الصورةتصغير الصورة تم تعديل ابعاد هذه
الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

بعد



تكبير
الصورةتصغير الصورة تم تعديل ابعاد هذه
الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


حسنا ، الكود لعمل هذا التغير هو التالي :
الكود: ---------تضليل المحتوى
/*----------Lord-Adoain & AsEsInO------*/


.secondarytitle, .secondarytitle h2 {
background-image:
url("https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png");

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("https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png");

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 , ضع الكود وسجل

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

https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png

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

AsEsInO & lord-adoain



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

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