:: Flying Way :: - التعامل مع ملفات ستايلات الموقع Style.scc

:: Flying Way :: (https://www.flyingway.com/vb/index.php)

- منتدى البرامج والإنترنت (https://www.flyingway.com/vb/forumdisplay.php?f=5)

- - التعامل مع ملفات ستايلات الموقع Style.scc (https://www.flyingway.com/vb/showthread.php?t=839)

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

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

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

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>

مشاركة: التعامل مع ملفات ستايلات الموقع Style.scc

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

مشاركة: التعامل مع ملفات ستايلات الموقع Style.scc

برنامج لأدارة ملفات Style من نوع CSS يكون افضل من البرنامج هذا

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

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

مشاركة: التعامل مع ملفات ستايلات الموقع Style.scc

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

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