عاجل ألوان المجموعات [ مربعات بخلفية ] بـ الـ css

[عبدو شنوي]

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


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

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

http://www.traidnt.net/vb/images/imgcache/2015/07/7dZ9hn-22025601-1.jpg


للمعاينة: منتديات نادي الفضائيات الجزائرية (http://adm-sat.net/vb/)
المصدر : ألوان المجموعات [ مربعات بخلفية ] بـ الـ css - منتديات نادي الفضائيات الجزائرية (http://adm-sat.net/vb/adm1340.html)


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

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

.
.

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

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

http://www.traidnt.net/vb/images/imgcache/2015/07/mkanicome060e603ee-22025601-1.png (http://adm-sat.com/vb/redirector.php?url=http%3A%2F%2Fwww.mkani.com%2Fvb )

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

http://www.traidnt.net/vb/images/imgcache/2015/07/mkanicom0b252e5ea2-22025601-1.png (http://adm-sat.com/vb/redirector.php?url=http%3A%2F%2Fwww.mkani.com%2Fvb )

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


<span class="adm_1">


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


</span>

http://www.traidnt.net/vb/images/imgcache/2015/07/FlfpcI-22025601-1.jpg

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

ملاحظة :

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

http://www.traidnt.net/vb/images/imgcache/2015/07/2XYSam-22025601-1.png

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

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

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

http://www.traidnt.net/vb/images/imgcache/2015/07/mkanicom714ed0d864-22025601-1.png (http://adm-sat.com/vb/redirector.php?url=http%3A%2F%2Fwww.mkani.com%2Fvb )

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

http://www.traidnt.net/vb/images/imgcache/2015/07/mkanicom7e7cb46b9c-22025601-1.png (http://adm-sat.com/vb/redirector.php?url=http%3A%2F%2Fwww.mkani.com%2Fvb )

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

http://www.traidnt.net/vb/images/imgcache/2015/07/LUwwAN-22025601-1.jpg

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

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

http://www.traidnt.net/vb/images/imgcache/2015/07/aq9xGc-22025601-1.jpg


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



الموضوع الأصلي عاجل ألوان المجموعات [ مربعات بخلفية ] بـ الـ css (http://adm-sat.net/vb/adm1340.html)





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