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

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

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

بعد

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

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



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

بعد



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


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



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

بعد



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


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

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

بعد

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

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



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

بعد



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


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



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

بعد



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


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

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

بعد

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

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



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

بعد



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


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



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

بعد



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


حسنا ، الكود لعمل هذا التغير هو التالي :

[code] /*----------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------*/[/code]
الكود يوضع في :~
لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة تصميم CSS , ضع الكود وسجل

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

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

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

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


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

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

مشكور يالغالي عالموضوع الرائع تحياتي لك

شكرا

شكرا