منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف DIAMENT ZERO في الإثنين 1 سبتمبر 2008 - 15:02







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



الطريقة


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



الخطوة الثانية
ضع هذا الكود كما هو موضح :
الكود:
ul.forums {
background-color: #FFDAEC;
background-image: url("http://www.fntzy.org/fntzy-png/wCo66333.png");
background-repeat: repeat-x;
color: #00CC33;
}




الخطوة الثالثة

قم بالتغييرات التالية على الكود
مكان
00CC33
ضع كود للون الذي تريد أن يكون عليه لون الكتابة لوصف الأقسام ، و من هنا يمكنك الحصول على أكواد الألوان
http://www.colorschemer.com/online.html

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

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



ملاحظات

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

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

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

DIAMENT ZERO



عدل سابقا من قبل DIAMENT ZERO في الأربعاء 3 سبتمبر 2008 - 13:40 عدل 1 مرات
avatar
DIAMENT ZERO
 
 

ذكر
عدد المساهمات : 13302
معدل النشاط : 6781
السُمعة : 0

http://amse.yoo7.com/html-h9.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود وضع صورة كخلفية للاقسام للنسخة invision

مُساهمة من طرف s@kr في الأحد 12 يوليو 2009 - 0:24


السلام عليكم drunken

وكالعادة أقدم لكم أكواد للنسخة invision لجعل منتداك رائع
تفضلوا كود وضع صورة كخلفية للأقسام للنسخة invision
هناك كودان لهذا كل كود يختص بخانات معينة
-----------

الكود الأول

الكود:
.row1 {
background-image: url(ضع هنا رابط الصوره);
 }

-----------

الكود الثاني

الكود:
.row2 {
background-image: url(ضع هنا رابط الصوره);
 }
-----------
صورة توضح كل كود

http://i27.tinypic.com/2cs8nj6.jpg

الصورة الحمراء هي بالكود الأول والبيضاء بالكود الثاني
-----------

طريقة الوضع : -

الكود يوضع بورقة الــــcss

لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css

-----------
ارجوا ان اكون افدتكم
انتهي الموضوع

تحياتي
tongue
s@kr
المتطوع المساعد

s@kr
 
 

ذكر
عدد المساهمات : 22599
معدل النشاط : 22083
السُمعة : 16

https://www.facebook.com/O.GodFather

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى