ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات )

السلام عليكم ورحمة الله وبركاته

هذا الشرح لـ [ خاصية ] ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات )

نبدأ بالمثال من منتدانا الغالي :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) 7dZ9hn-22025601-1

ملاحظة : بـ إمكانك تصميم خلفيات جديدة بالأبعاد :

العرض : 110 بكسل
الأرتفاع : 25 بكسل

.
.

][ شرح التركيب - الخطوة الأولى - إختيار الخلفيات للمجموعات ][

من لوحة تحكم أدمن المنتدى نذهب لـ مجموعة الأعضاء :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Mkanicome060e603ee-22025601-1

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Mkanicome060e603ee-22025601-1

ثم نختار ( المجموعة ) المراد التعديل عليها :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Mkanicom0b252e5ea2-22025601-1

بالحقل ( اليمين ) نلصق هذا الكود :

رمز PHP:

الكود:: <span class="adm_1">

وبالحقل ( اليسار ) نغلق الوسم بـهذا الكود :

رمز PHP:

الكود:: </span>

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) FlfpcI-22025601-1

ثم إضغط تحديث :

ملاحظة :

إختر لكل ( مجموعة ) خلفية معينة .. وذلك من خلال تغيير ( adm_1 ) بالحقل اليمين
إلى مثلاً ( adm_3 ) أو ( adm_7 ) وهذه الصورة توضح لك رقم المتغير :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) 2XYSam-22025601-1

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) 2XYSam-22025601-1

]ge]شرح التركيب - المرحلة الثانية - إضافة التعاريف الإضافية CSS ][

ستجد مستند نص بالمرفقات ( أسفل المشاركة ) بـ إسم ( adm-sat_CSS)
قم بـ ( نسخ ) محتواهـ .. وتابع الصور :

إذهب لـ الستايلات والقوالب ثم التحكم بالستايلات :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Mkanicom714ed0d864-22025601-1

ثم حدد الستايل المراد تركيب به هذه الخاصية .. ومن القائمة المنسدلة ( باليسار ) إختر
CSS رئيسي .. ومن يسار القائمة المنسدلة إضغط إذهب :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Mkanicom7e7cb46b9c-22025601-1

ثم إذهب لـ أسفل الصفحة وقم ( بلصق التعاريف ) بالصندوق الثاني ثم حفظ :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) LUwwAN-22025601-1

]ge]شرح التركيب - الخطوة الثالثة - رفع ملف الصور إلى موقعك ][

قم بتحميل ( الملف المضغوط ) بالمرفقات ( أسفل المشاركة )
وبعد ( فك الضغط عنه ) قم برفع مجلد الصور المسمى ( adm-sat.com_img)
داخل مجلد الـ ( vb ) مباشرة :

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Aq9xGc-22025601-1

ألوان المجموعات [ مربعات بخلفية ] بـ الـ CSS ( بدون هاكات ) Aq9xGc-22025601-1

التحميل من المرفقات

بالتوفيق للجميع

الملفات المرفقة

	-%D8%A8%D9%80-%D8%A7%D9%84%D9%80-css-%D9%85%D9%84%D9%81-%D8%A7%D9%84%D8%B5%D9%88%D8%B1.zip]ملف الصور.zip (35.9 كيلوبايت, عدد مرات المشاهدة 1 مرة)
	-%D8%A8%D9%80-%D8%A7%D9%84%D9%80-css-adm-sat_css.txt]adm-sat_CSS.txt (2.9 كيلوبايت, عدد مرات المشاهدة 1 مرة)

» كود وضع أيقونة بجانب أسماء المجموعات
» كود التمرير المتحرك للمنتدى بدون استخدام الماوس
» [css]كود تحريك اسم القسم بدون تومبيلات لمنتديات احلى منتدى