.كيفية عمل صورة كخلفية للأقسام

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




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

في هذا الموضوع سنتناول كيفية وضع صورة كخلفية للأقسام وكمثال على ذلك ، إليكم هذه الصورة التوضيحية


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

الطريقة

الخطوة الأولى
لوحة الإدارة >> مظهر المنتدى >> الصور و الألوان >> ألوان >> ورقة تصميم Css


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

الخطوة الثانية
ضع هذا الكود كما هو موضح :

الرمز:

الكود:

 

ul.forums {
background-color: #FFDAEC;
background-image: url("http://www.fntzy.org/fntzy-png/wCo66333.png");
background-repeat: repeat-x;
color: #00CC33;
}

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

الخطوة الثالثة
قم بالتغييرات التالية على الكود
مكان

00CC33

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

مكان

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

ضع الرابط للصورة التي تريدها أن تكون خلفية للأقسام

الخطوة الرابعة
اضغط على زر "قدم" كما هو موضح في الصورة


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

ملاحظات

تأكد أسفل المربع الذي أدخلت به كود الـ Css أن خيار خانة تعطيل " كود ال CSS الأصلي " هو " لا "

يجب أن تكون لديكم النسخة الثالثة " phpBB3 " لتنجح الطريقة و إلا فلن تعمل ، فهي متوافقة فقط مع الثالثة

و في النهاية لم يبقى لي سوى أن أدعو لكم بالتوفيق

DIAMENT ZERO


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