دروس لغة css

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

أخر تحديث لهذه المقالة في: 04 أبريل 2020 الساعة: 02:59 م المقدمـة: هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟ هنا تتعلم تلويل قرص القائمة هنا تتعلم تلوين دائرة القائمة هنا تتعلم تلوين مربع القائمة   هنا تتعلم تلوين رقم القائمة …

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس قراءة المزيد »

إنشاء خط فاصل أفقي hr

أخر تحديث لهذه المقالة في: 23 سبتمبر 2019 الساعة: 09:19 مالخط الأفقـي hr مختصر ل « horizontal rule » كيف يتم إنشاء خط أفقي فاصل بين الأسطر في المقالة؟ جاءتني فكرة تحرير هذا الدرس منذ مدة، وكلما عادت إليَّ الفكرة أحاول تجاهلها، لأنني كنت أحسب مثل هاته المعلومات جد متوفرة عبر النت، وأن أيقونة إضافة …

إنشاء خط فاصل أفقي hr قراءة المزيد »

دمج خلايا الجداول في HTML

 ماذا تعني لك فكرة دمج خلايا الجدول؟ بعد أن تعلمنا أساسيات إنشاء جدول في HTML، وصلنا اليوم إلى نقطة دمج الخلايا لتوسيع مساحة العمل في الجدول. 🔶 دمج الخلايا مع بعضها في بعض الجداول المعقدة ، ستحتاج إلى  دمج  الخلايا مع بعضها البعض. مثال على الدمج؟ انظر إلى الجدول في الشكل التالي الذي أنشأته لأبين …

دمج خلايا الجداول في HTML قراءة المزيد »

تغيير خلفيات الجداول على صفحات HTML

أخر تحديث لهذه المقالة في: 21 أغسطس 2019 الساعة: 06:42 مالسلام عليكم ورحمة الله تغيير خلفيات الجداول والخلايا على صفحات HTML باستخدام  background-color   🌓 إذا كنتم مازلتم تذكرون درس إضافة الخلفية في CSS، الذي تطرقت فيه إلى كيفية تغيير خلفية صفحات الويب سواء كانت الخلفية باللــون أو الصورة، في الحقيقة كان درساً رائعاً !🏅🎖 واليوم …

تغيير خلفيات الجداول على صفحات HTML قراءة المزيد »

إنشاء تأثيرات دينامية على المظهر

أخر تحديث لهذه المقالة في: 26 مايو 2019 الساعة: 07:40 مما كان يحلم به مشرفو مواقع الويب أصبح حقيقةً وواقعاً ملموساً بفضل CSS3 . اليوم أصبح متاحاً لنا التحكم بتأثيرات  مظهر عناصر صفحات الويب، وهي من الميزات التي كان ينتظرها السواد الأعظم من أصحاب المواقع، بحيث أن مطوري الواجهات الأمامية أصبحوا يقتصرون على HTML و …

إنشاء تأثيرات دينامية على المظهر قراءة المزيد »

إنشاء الحدود والظلال في CSS3

الآن سندخل فصلاً آخر من الدروس التعليمية  لخصائص CSS ، التي تعتبر غاية في الأهمية وجد مطلوبة، لأنها تؤدي وظائف أساسية تساهم في  إعطاء صفحات الويب المظهر الجميل و التنسيق المقبول لتصفح مريح  و جذاب . هاته الخصائص تتمثل في إنشاء الحدود ( les bordures ) و التأثيرات التظليلية  التي يمكن تطبيقها سواء على النص …

إنشاء الحدود والظلال في CSS3 قراءة المزيد »

إنشاء الحدود في CSS

الحدود القياسية: نظراً لأهمية الحدود في تزيين صفحات الويب، فإن CSS  وفَّـر لنا مجموعة كبيرة من الحدود بخصائص تساعدنا على تغيير مظهر و شكل تلك الحدود  كما سنرى في  هذا الدرس. border-width , border-color , border-style… للوصول إلى ما هو مهم في هذا الدرس ، أقترح  أن تستخدم مباشرة خاصية  border الذي يجمع كل هذه الخصائص …

إنشاء الحدود في CSS قراءة المزيد »

الحدود الدائرية border-radius في CSS

الحدود الدائرية – نصف قُطر- الحدود الدائرية ، وما أدراك ما هي ! إنها الأمنية الخالدة التي ظل مشرفو المواقع يترقبون تحقيقها منذ ولادة  CSS3 ، لقد أصبح اليوم من السهل إنشائها و بسهولة ! تتيح لنا خاصية border-radius إضافة زوايا مدورة لأي عنصر وبسهولة. فقط علينا أن نشير إلى حجم التدوير بالبيكسل:  

الحدود الدائرية border-radius في CSS قراءة المزيد »

الظلال في CSS

الظـلال Les ombres الظلال هي واحدة من الابتكارات الحديثة التي جاء بها CSS3. مع ظهور الجيل الجديد من CSS، لم تعد هناك صعوبة في إضافة الظلال إلى صفحاتنا!  يكفي كتابة سطر واحد من برمجة  CSS للتأثير على محتويات صفحتنا. وسنعرج خلال شرحنا على نوعين من الظلال: ظلال الصناديق. ظلال النص. box-shadow : ظلال الصناديق تنطبق …

الظلال في CSS قراءة المزيد »

مستوى الشفافية في CSS3

الشفافية يسمح لنا CSS باللعب بسهولة مع مستويات شفافية العناصر! لذلك ، سوف نستخدم ميزات CSS3: خاصية  opacity  ورمز RGBa. خاصية opacity تسمح لنا خاصية opacity ، البسيطة جداً ، بالإشارة إلى مستوى التعتيم،  وهو عكس الشفافية . عندما نستعمل القيمة  1 ، سيكون العنصر غير شفاف تمامًا، هذا هو السلوك الافتراضي. عندما نستعمل القيمة …

مستوى الشفافية في CSS3 قراءة المزيد »

انتقل إلى أعلى