Css في رمضان - اليوم 15

[م أمين]

اليوم الخامس عشر


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

بسم الله الرحمن الرحيم

إقتربنا جدا من إنهاء القالب، و بقيت لنا بعض الإضافات حتى يكتمل و هذا ما سنفعله اليوم بإذن الله تعالى.



سأضيف معلومات و روابط في الFooter لانه لحد الآن فارغ تماما، سأضعها بهذه الطريقة

<span><a href="#">الرئيسية</a> | <a href="#">من انا؟</a> | <a href="#">إتصل بي</a></span><br/> 

 <span>محتويات المدونة متاحة للجميع، بشرط ذكر المصدر</span> 

و ضعتها مباشرة في span و لم أستعمل id أو class. ﻷن تنسيقها سيكون مباشرة من Footer span.

الكود بالنسبة لتنسيق ال Footer أصبح هكذا

#footer{ 

 width:100%; 
 clear:both; 
 height:120px; 
 padding-top:10px; 
 background-color:#B3B3B3; 
 text-align:center; 
 color:#FFF; 
 } 
  
 #footer span{ 
 color:#FFF; 
 } 
  
 #footer a{ 

 color:#FFF; 

 } 

أضفت padding-top لل #Footer حتى تبقى مسافة بين أعلى ال Footer و النص الموجود داخله.



كما سأضيف هذا الكود في ملف CSS، و دوره حذف الإطار الذي يأتي حول الصور إذا كانت موجودة بين الوسم a (رابط).

a img{ 

 border:none; 

 } 

إلى هنا نكون قد أنهينا عمل القالب، ليس قالبا أنيقا و لن يستعمل في تصميم أي موقع ، ولكنه درس جيد للبداية مع CSS.



هذا رابط تحميل قالب رمضانيات كاملا (ملف zip).



أراكم قريبا إن شاء الله في دروس أخرى عن تصميم المواقع.

السلام عليكم

[إيهاب الجداوى]

أظن أن دروس css إنتهت ؟
إذا كانت كذالك يرجى وضع روابط الدروس فى درس واحد
أو إضافة روابط الدروس فى كل درس

[ilyesspd]

جزاك الله خيرا اخي
دروس قيمة ومفيدة ،
كنت اتمنى ان اجد دروس مثل هذه من قبل باللغة العربية

[ilyesspd]

اذ كانت اغلب دروس html/css باالعربية تستعمل معايير خاطئة ان امكن القول اي بناء صفحات باستخدام الجداول الخ....