منتديات المجاوشي - [شرح] : عمل اللوان للمجموعات بالcss -مربعات-صور

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

اهلاً وسهلاً بكم

فـ اليوم شرحنـا عمل اللوان للمجموعات بالcss

1
اللوان المجموعات مربعات
مثال
http://www.os6ora-3d.com/up/image34.html
2
اللوان المجموعات صور متحركه او صور عاديه
مثال
http://www.os6ora-3d.com/up/image35.html
3
اللوان المجموعات مربعات + صور متحركه
مثال
http://www.os6ora-3d.com/up/image36.html

نبدأ على بركة الله

شرح تلوين اعضاء المجموعات بـ الcss
وكذالك سوف اشرح الكود وطريقة التعديل عليه للمبتدئين

الشرح الاول

شرح عمل مربعات منقطه للمجموعات

الإدارة >>> مجموعات الأعضاء >>> التحكم بالمجموعات >>> نختار المجموعة ومن امام القائمه المنسدله نضغط اذهب
وشاهد المحدد بالاحمر

http://www.os6ora-3d.com/up/image38.html

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

رمز Code:

border
مربع كامل حول الاسم
1px black dotted

1px
حجم المربعات
black
لون المربعات
dotted
نقاط
المربع الثاني نضع فيه الكود التالي

وسم الإغلاق

واخيراً الناتج
http://www.os6ora-3d.com/up/image34.html

الشرح الثاني

شرح تلوين المجموعات بـ صور متحركه او صور عاديه
المجموعات التحكم بالمجموعات
الإدارة >>> مجموعات الأعضاء >>> التحكم بالمجموعات >>> نختار المجموعة ومن امام القائمه المنسدله نضغط اذهب
وشاهد المحدد بالاحمر

http://www.os6ora-3d.com/up/image38.html

المربع الاول نضع فيه الكود التالي
رمز Code:

color
لون الخطred
background-image
الخلفيه صوره
images/color/os01.gif
مسار الخلفيه

يمكننا تغيير os01 بما يناسبنا من الالوان في مجلد color

المربع الثاني نضع فيه الكود التالي

وسم الإغلاق
لـ تحميل الصور المتحركه الخاصه بـ هاك الوان المجموعات برمجة dr-php من هُنــا
نفك الضغط ونضع المجلد على المسار التالي
vb/images
ويبصح المجلد على المسار
vb/images/color
واخيراً الناتج
http://www.os6ora-3d.com/up/image35.html

الشرح الثالث
شرح عمل مربعات منقطه + صوره للخلفيه
الإدارة >>> مجموعات الأعضاء >>> التحكم بالمجموعات >>> نختار المجموعة ومن امام القائمه المنسدله نضغط اذهب
وشاهد المحدد بالاحمر

http://www.os6ora-3d.com/up/image38.html

المربع الاول نضع فيه الكود التالي
رمز Code:

المربع الثاني نضع فيه الكود التالي

وسم الإغلاق

واخيراً الناتج
http://www.os6ora-3d.com/up/image36.html

هناك هاك رائع مقدم من الاخ
dr-php
انا لم اقتبس طريقة الهاك
ولاكن الهاك يقوم بـ عمل التلوين تلقائياً

ولاكن هناك اشخاص يريدون التعامل مع الاكواد{الصحيحه من الاخطاء للمعايير القياسية} + التقليل من هاكات الموقع
فهذه طريقه اكواد تلوين المجموعات بـ دون اخطاء وبدون هاك

انتهى الشرح
الشرح مقدم من عالم أسطورة التعليمي

واخيراً لا اقول إلا اتمنى ان يحوز الدرس على رضاكم
وإن اصبت فمن الله تعالى وإن اخطأت فمن نفسي والشيطان

اي استفسار او ملاحظه بـ خصوص الشرح انا مستعد

والله ولي التوفيق

محبكم واخوكم في الله

قناص المزايين

المصدر
عالم أسطورة التعليمي

أكثر...