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

[Ibrahem Smart]

مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة 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]

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

 

[راجية الجنةراجية الجنة is verified member.]

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

 

[Ibrahem Smart]

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

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