عمل اللوان للمجموعات بالcss -مربعات-صور

[linnou]

http://www.dzbatna.com/images/icons/iconrote.gif ط¹ظ…ظ„ ط§ظ„ظ„ظˆط§ظ† ظ„ظ„ظ…ط¬ظ…ظˆط¹ط§طھ ط¨ط§ظ„css -ظ…ط±ط¨ط¹ط§طھ-طµظˆط± (http://www.dzbatna.com/t1876635/)




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


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


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


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



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

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


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

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

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

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



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

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

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

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

</b>

وسم الإغلاق

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

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

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

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


المربع الاول نضع فيه الكود 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 من هُنــا (http://www.os6ora-3d.com/up/download37.html)
نفك الضغط ونضع المجلد على المسار التالي
vb/images
ويبصح المجلد على المسار
vb/images/color
واخيراً الناتج
http://www.os6ora-3d.com/up/image35.html (http://www.os6ora-3d.com/up/image35.html)


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

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


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


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

</b>

وسم الإغلاق

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

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

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


انتهى الشرح طريقة
الشرح طريقة مقدم من عالم أسطورة التعليمي
(http://www.os6ora-3d.com/vb/)

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

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


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

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

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

المصدر (http://www.os6ora-3d.com/vb/showthread.php?t=5954)
عالم أسطورة التعليمي (http://www.os6ora-3d.com/vb/)








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif color.zip (http://www.traidnt.net/vb/attachments/580688d1308033560-color.zip) (351.5 كيلوبايت, عدد مرات المشاهدة 19 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©