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