(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


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

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