درس دورة تعلم لغة CSS | خواص القوائم (11)

Ibrahem Smart · ‏أغسطس 2, 2018

المصدر: دورة تعلم لغة CSS | خواص القوائم (11)
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة CSS

Lists
خواص القوائم

------------------------------------------------------------

كما تعلمت في HTML ان القوائم يتم عملها باستخدام (ul & ol) فسوف نتعلم اليوم ثلاث خواص تقوم بتغيير شكل القائمة (الرمز والمكان والصور).

------------------------------------------------------------

list-style-type

هذه الخاصية عالم كبير من القيم فهي تحدد شكل رمز القائمة الذي يكون نقطة او ارقام فيمكنك تغييره إلى شكل من عدة أشكال لا يجب عليك أن تحفظها ولكن محرر Brackets يسهل عليك الأمر ويظهرهم لك:

إذا خاصية list-style-type تستخدم لتغيير رمز القوائم
وإذا كتبت في القيمة none فسيتم ازالة الرمز نهائيًا.

------------------------------------------------------------

list-style-image

من اسم الخاصية نعرف أنها تستخدم لوضع صورة بدلًا من رمز كل قائمة وتكتب الخاصية بهذا الشكل:

وبين الأقواس يكتب رابط الصورة / مسارها.
إذا خاصية list-style-image تستخدم لتغيير رمز كل قائمة لصور.

------------------------------------------------------------

list-style-position

تستخدم إذا كانت القائمة لها اطار كالتالي:

تستخدم الخاصية لتحديد مكان رمز القائمة داخل الاطار (داخل & خارج)
وتأخذ قيمتين (inside & outside).

Ibrahem Smart · ‏أغسطس 2, 2018

بعض الناس يلاحظون أني لا أنشر كثيرًا وسريعًا في الدورة
وهذا لقلة التفاعل على المواضيع في الدورة رغم أني أحاول دائمًا أن أجتهد أكثر لكن لا يوجد وقت لدي
وأيضًا لا يوجد تفاعل على الدورة فأرجو منكم إخوتي التفاعل ولو عدد قليل منكم حتى نستطيع أن نكمل.

راجية الجنة · ‏أغسطس 3, 2018

بسم الله الرّحمن الرّحيم
وعليكمُ السّلامُ ورحمةُ الله تعالى وبركاتهُ
ما شاء اللهُ!
شرحٌ طيّبٌ قريبٌ للفهم؛
فجَزى اللهُ تالى إخوتي خيرًا،
وعوّضهمُ عن وقتهمُ؛ آمينَ.
::
أمّا مُعدّل النّشر فجيّدٌ.
كُنتُ سأتابع الدّروس؛ لكِن انشغلتُ؛
فبإذن اللهُ تعالى يتيسّر لي ذلك؛
مع العُطلة الصّيفيّة.
كان لديّ استِفسارٌ لو تيسّرت إفاته؛
لُطفًا مِن إخوتي مأجورينَ:
لديّ خِبرة مُتواضِعة في لُغةِ ( إتش تي أم أل )؛
فيها يُستخدم مُحرّر النُّصوص العادّي ( المُفكّرة )؛
في إنشاء المشاريعِ.
فبارك اللهُ تعالى بإخوَتي؛
هل يُمكن الاستِغناء بها البرنامج؛
عن برنامج ( براكِتس )؟!
ذلك أنّ حجم البرنامج كبيرٌ نوعًا؛
فلا تتسّع ذاكرةُ الحاسوبِ لتثبيتهِ.
أو علّ يُوجّهون - مأجورينَ - لبرنامج آخَر بديلٍ.
::
هذا إذا تيسّر من وقتِ إخوتي.
وجزى اللهُ تعالى إخوتي خيرًا،
وزادهم من واسِع فضله سُبحانه؛ آمينَ.

Ibrahem Smart · ‏أغسطس 3, 2018

مقتبس من راجية الجنة: ↑

بسم الله الرّحمن الرّحيم
وعليكمُ السّلامُ ورحمةُ الله تعالى وبركاتهُ
ما شاء اللهُ!
شرحٌ طيّبٌ قريبٌ للفهم؛
فجَزى اللهُ تالى إخوتي خيرًا،
وعوّضهمُ عن وقتهمُ؛ آمينَ.
::
أمّا مُعدّل النّشر فجيّدٌ.
كُنتُ سأتابع الدّروس؛ لكِن انشغلتُ؛
فبإذن اللهُ تعالى يتيسّر لي ذلك؛
مع العُطلة الصّيفيّة.
كان لديّ استِفسارٌ لو تيسّرت إفاته؛
لُطفًا مِن إخوتي مأجورينَ:
لديّ خِبرة مُتواضِعة في لُغةِ ( إتش تي أم أل )؛
فيها يُستخدم مُحرّر النُّصوص العادّي ( المُفكّرة )؛
في إنشاء المشاريعِ.
فبارك اللهُ تعالى بإخوَتي؛
هل يُمكن الاستِغناء بها البرنامج؛
عن برنامج ( براكِتس )؟!
ذلك أنّ حجم البرنامج كبيرٌ نوعًا؛
فلا تتسّع ذاكرةُ الحاسوبِ لتثبيتهِ.
أو علّ يُوجّهون - مأجورينَ - لبرنامج آخَر بديلٍ.
::
هذا إذا تيسّر من وقتِ إخوتي.
وجزى اللهُ تعالى إخوتي خيرًا،
وزادهم من واسِع فضله سُبحانه؛ آمينَ.
أنقر للتوسيع...

المذكرة الخاصة بالويندوز تنفع أحيانًا في البرمجة لكن ستواجهكي مشاكل كثيرة جدًا خاصة في الكتابة وقد يفسد العمل كله خطأ واحد فقط في الكتابة ولا تستطيعين معرفته فتقومي بإلغاء العمل كله لأنك لم تجدي الخطأ.
يمكنك استخدام أي محرر نصوص في العالم غير براكتس فيوجد عدد كبير جدًا من المحررات الجيدة وبحجم صغير جدًا.
وأنصح بتحميل نوتباد بلس بلس حجمها باخر اصدار 4 ميجا فقط.

تسجيل الدخول

درس دورة تعلم لغة CSS | خواص القوائم (11)

Ibrahem Smart زيزوومى ذهبى

Ibrahem Smart زيزوومى ذهبى

راجية الجنة مُديرة عامّة طـــاقم الإدارة ★ نجم المنتدى ★ عضو المكتبة الإلكترونية نجم الشهر عضوية موثوقة ✔️

Ibrahem Smart زيزوومى ذهبى

مشاركة هذه الصفحة

تسجيل الدخول

درس دورة تعلم لغة CSS | خواص القوائم (11)

Ibrahem Smart زيزوومى ذهبى

Ibrahem Smart زيزوومى ذهبى

راجية الجنة مُديرة عامّة طـــاقم الإدارة ★ نجم المنتدى ★ عضو المكتبة الإلكترونية نجم الشهر عضوية موثوقة ✔️

Ibrahem Smart زيزوومى ذهبى

مشاركة هذه الصفحة

عمليات بحث مفيدة