التعامل مع ملفات ستايلات الموقع Style.scc

AboAyoob · 03-12-2005, 10:50 PM

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

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

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

كود بلغة HTML:

<STYLE> 
 
HTML {
SCROLLBAR-ARROW-COLOR: #000;
SCROLLBAR-TRACK-COLOR:#B0CCE7;
SCROLLBAR-BASE-COLOR: #B0CCE7;
}
 
 
</STYLE>

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

كود:

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

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

كود بلغة HTML:

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

AboAyoob · 10-12-2005, 01:29 AM

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

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

الكود:

كود بلغة HTML:

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

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

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

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

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

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

الكود:

كود بلغة HTML:

<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">

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

كود بلغة HTML:

 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
وجدت هذا البرنامج و هو مجاني

https://www.bradsoft.com/
ملفات الاستبدال عن القديمة

Flying Way · 10-12-2005, 01:37 AM

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

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

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

القائمة