شبكة ومنتديات خط الطيران  -  نسخة خفيفة من المنتدى

(يمكن لكم التسجيل مباشرة في المنتدى للمشاركة والتعقيب على الموضوعات المطروحة)

المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : التعامل مع ملفات ستايلات الموقع Style.scc

AboAyoob
03-12-2005, 09: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, 12: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, 12:35 AM
برنامج لأدارة ملفات Style من نوع CSS يكون افضل من البرنامج هذا
حيث اني عادة استخدم إما برنامج فرنت بيج او برنامج المفكرة للتعديل على هذه الملفات
style.css
وجدت هذا البرنامج و هو مجاني

http://www.bradsoft.com/img/ts-banner.gif
http://www.bradsoft.com/ (http://www.bradsoft.com/)
ملفات الاستبدال عن القديمة (http://www.arabi.ws/program/topstyleprov3.10crackrock.zip)
Flying Way
10-12-2005, 12:37 AM
تسلم يابو ايوب على الشرح واستفدت الكثير منها


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