التعامل مع ملفات ستايلات الموقع Style.scc [نسخة خفيفة]

للمشاركة في الموضوع إضغط الرابط التالي : التعامل مع ملفات ستايلات الموقع Style.scc

AboAyoob

03-12-2005, 10:50 PM

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

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

1- أين نضع أكواد الستايل؟
إذا كانت أكواد بسيطة فإننا نضعها في منطقة الهيدر من صفحات html

<STYLE>

HTML {
SCROLLBAR-ARROW-COLOR: #000;
SCROLLBAR-TRACK-COLOR:#B0CCE7;
SCROLLBAR-BASE-COLOR: #B0CCE7;
}

</STYLE>

وهذا مثال بسيط لتغيير لون شريط التمرير

<style>
BODY{
scrollbar-base-color: #EAEDF4
</style>

وهنا اذا كانت المعلومات كثيرة جدا و هي في ملف أخر يكون استدعائها بهذه الطريقة

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

AboAyoob

10-12-2005, 01:29 AM

2- كيف أجعل ألوان الصفحة متدرجة بشكل بسيط جداً؟

مثال لجعل لون الصفحة متدرجة من السماوي الى الابيض نضع هذا الوسم وهو style في جسم الصفحة body

الكود:

<BODY style="filter:progid: DXImageTransform.Microsoft.Gradient(startColorStr= '#68E6EC', endColorStr='#FFFFFF', gradientType='1')">

بداية اللون
startColorStr='#68E6EC'

نهاية اللون
endColorStr='#FFFFFF'

هذا يعني جعل تدرج الالوان من الأعلى إلى الأسفل
gradientType='0'
وإذا أردته من اليسار إلى اليمين نغير الرقم صفر إلى واحد

3- كيف إذا كان هناك جدول يتم تدرج الوانه؟

مثال لجعل لون الصفحة متدرجة من السماوي الى الابيض نضع هذا الوسم وهو style في جسم الصفحة body

الكود:

<table style="filter:progid: DXImageTransform.Microsoft.Gradient(startColorStr= '#FFFFFF', endColorStr='#FFCEE8', gradientType='1')" cellSpacing="0" cellPadding="5" width="100%" bgColor="#ffffff" border="1" id="table20">

لو تلاحظ انها نفس العملية التي قمنا بها في تعديلات الوان الصفحة و ذلك بأضافة وسم الستايل المطلوب

style="filter:progid: DXImageTransform.Microsoft.Gradient(startColorStr= '#FFFFFF', endColorStr='#FFCEE8', gradientType='1')"

بداية اللون
startColorStr='#68E6EC'

نهاية اللون
endColorStr='#FFFFFF'

هذا يعني جعل تدرج الالوان من الأعلى إلى الأسفل
gradientType='0'
وإذا أردته من اليسار إلى اليمين نغير الرقم صفر إلى واحد

AboAyoob

10-12-2005, 01:35 AM

برنامج لأدارة ملفات Style من نوع CSS يكون افضل من البرنامج هذا
حيث اني عادة استخدم إما برنامج فرنت بيج او برنامج المفكرة للتعديل على هذه الملفات
style.css
وجدت هذا البرنامج و هو مجاني

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
ملفات الاستبدال عن القديمة ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])

Flying Way

10-12-2005, 01:37 AM

تسلم يابو ايوب على الشرح واستفدت الكثير منها

اشكرك من الاعماق