ماهي فائده هذا الملف ؟
الفائده منه هو تنسيق الخطوط من حيث الالوان ونوع الخط وحجم الخط
والتاأثيرات على الروابط التشعبية من حيث الوضع الافتراضي واثناء مرور الماوس عليها وبعد زيارتها
كما سننسق اطراف المحتويات النصية بحيث تكون متساوية الاطراف مما يعطي جمالا وحرفيه لشكل الموقع ومما يريحنا من عناء تنسيق الصفحات الداخليه للموقع حيث انه هو سيتولى المهمه بالنيابه عنا
سنكتفي بهذه الاوامر بدرسنا هذا لعده اسباب ومنها ان هذه هي الاوامر التى نحتاجه فقط في درسنا ولعدم تمكننا من هذه التقنيه كثيرا حيث اننا مبتدئين بها حديثا ( ورحم الله امرءٍ عرف قدر نفسه )
توجد اوامر كثيره نستطيع استغلالها في هذه التقنيه ولقد تطرق الاستاذ سردال لها وشرح الكثير منها وكما قام بتصميم موقعه كاملا من خلال هذه التقنيه الرائعه ... فلا تحرمون انفسكم التمتع بتعلم هذه التقنيه الرائعه
نبدأ الاعداد :
1/ افتح برنامج المفكره الملحق بالويندوز
2/ قم بكتابه الاوامر التاليه في ملف المفكره واحفظ الملف بهذا الاسم Style.css
كود PHP:
//------------------------------------
التحكم في نوع ولون الخط في الجداول
Td {
//---- نوع الخط
font-family: Tahoma;
//---- حجم الخط
font-size: 10px;
//---- تاثير الخط عريض ام عادي
font-style: normal;
//---- لون الخط
color: #1F4C63;
//---- لتنسيق حواف الاسطر لكي تكون متساوية
text-align: justify;
}
//------------------------------------
//------------------------------------
التحكم في نوع ولون وحجم الخط في خلايا الجداول
P {
font-family: Tahoma;
font-size: 11px;
font-style: normal;
color: #1F4C63;
text-align: justify;
}
//------------------------------------
//------------------------------------
التحكم في التاثير وخط ولون الروابط
a:link {
font-family: Tahoma;
font-size: 11px;
font-style: normal;
color: #1F4C63;
text-decoration: none;
}
a:hover {
font-family: MS Sans Serif, Tahoma;
font-size: 10px;
font-style: normal;
color: #FF7F50;
text-decoration: none;
}
a:visited {
font-family: MS Sans Serif, Tahoma;
font-size: 10px;
font-style: normal;
color: #cccccc;
text-decoration: none;
}
a:active {
font-family: MS Sans Serif, Tahoma;
font-size: 10px;
font-style: normal;
color: Red;
text-decoration: none;
}
//------------------------------------
3/ كيف يتم ادراج هذا الملف الى ملف التمبلت او التصميم ؟
قم بوضع هذا الكود بين واصفتي HEAD من ملف التصميم فقط
وهو سيقوم بالتاثير على جميع صفحات الموقع تلقائيا
كود PHP:
<HEAD>
<link href="Style.css" rel="stylesheet" type="text/css">
</HEAD>
الى هنا يتم الانتهاء من الدرس الثاني في هذه الدورة المباركه باذن الله
الدرس القادم هو الانتقال الى السيرفر المحلى واعداد الشفره البرمجيه لتضمين ملفات الموقع للقالب من خلال لغة البرمجه PHP
اسأل الله لي ولكم التوفيق لما يحبه ويرضاه
اثكو جرافيكس