ط¹ظ…ظ„ ط§ظ„ظ„ظˆط§ظ† ظ„ظ„ظ…ط¬ظ…ظˆط¹ط§طھ ط¨ط§ظ„css -ظ…ط±ط¨ط¹ط§طھ-طµظˆط±


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


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


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

1
اللوان المجموعات مربعات
مثال

2
اللوان المجموعات صور متحركه او صور عاديه
مثال

3
اللوان المجموعات مربعات + صور متحركه
مثال




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

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


الشرح طريقة الاول

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

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





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

رمز Code:
<b style=&quot;border:1px black dotted;color:red;&quot;>

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

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

</b>

وسم الإغلاق

واخيراً الناتج

الشرح طريقة الثاني

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




المربع الاول نضع فيه الكود code التالي
 رمز Code:
<b style=&quot;color:red;background-image:url('images/color/os01.gif');&quot;>

color
لون الخطred



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

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

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

</b>

وسم الإغلاق
 لـ تحميل الصور المتحركه الخاصه بـ هاك product الوان المجموعات برمجة dr-php من هُنــا
نفك الضغط ونضع المجلد على المسار التالي
vb/images
ويبصح المجلد على المسار
vb/images/color
واخيراً الناتج


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




المربع الاول نضع فيه الكود code التالي
رمز Code:
<b style=&quot;border:1px black dotted;color:red;background-image:url('images/color/os01.gif');&quot;>


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

</b>

وسم الإغلاق

واخيراً الناتج

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

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

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

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


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

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

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





الملفات المرفقة [TR]
color.zip (351.5 كيلوبايت, عدد مرات المشاهدة 19 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©