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

تاريخ التسجيل : 01/01/1970

نقدم لكم اليوم شرحاً لطريقة وضع صوره كخلفية لاسماء الفئات في المنتدى , وذلك عن طريق كود 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 , ضع الكود وسجل

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

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

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

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

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

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

» كود css وضع صورة فوق الفئات
» كود وضع صورة كخلفية للشات
» * * * * * * * كيفية عمل صورة كخلفية للأقسام
» كود وضع صورة كخلفية للمواضيع للنسخة invision
» * * * * * * * كود وضع صورة كخلفية للواجهة بالنسخة phpbb3