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

الملاحظات


إضافة رد
 
أدوات الموضوع إبحث في الموضوع تقييم الموضوع
قديم 03-12-2005, 10:50 PM  
  مشاركة [ 1 ]
الصورة الرمزية AboAyoob
AboAyoob AboAyoob غير متواجد حالياً
كابتن قـديم
 
تاريخ التسجيل: 23 - 12 - 2004
الدولة: خط الطيران
المشاركات: 6,593
شكر غيره: 0
تم شكره 10 مرة في 7 مشاركة
معدل تقييم المستوى: 1330
AboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقدير
AboAyoob AboAyoob غير متواجد حالياً
كابتن قـديم


الصورة الرمزية AboAyoob

مشاهدة ملفه الشخصي
تاريخ التسجيل: 23 - 12 - 2004
الدولة: خط الطيران
المشاركات: 6,593
شكر غيره: 0
تم شكره 10 مرة في 7 مشاركة
معدل تقييم المستوى: 1330
AboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقدير
Question التعامل مع ملفات ستايلات الموقع 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>
AboAyoob غير متواجد حالياً   رد مع اقتباس
قديم 10-12-2005, 01:29 AM  
  مشاركة [ 2 ]
الصورة الرمزية AboAyoob
AboAyoob AboAyoob غير متواجد حالياً
كابتن قـديم
 
تاريخ التسجيل: 23 - 12 - 2004
الدولة: خط الطيران
المشاركات: 6,593
شكر غيره: 0
تم شكره 10 مرة في 7 مشاركة
معدل تقييم المستوى: 1330
AboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقدير
AboAyoob AboAyoob غير متواجد حالياً
كابتن قـديم


الصورة الرمزية AboAyoob

مشاهدة ملفه الشخصي
تاريخ التسجيل: 23 - 12 - 2004
الدولة: خط الطيران
المشاركات: 6,593
شكر غيره: 0
تم شكره 10 مرة في 7 مشاركة
معدل تقييم المستوى: 1330
AboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقدير
افتراضي مشاركة: التعامل مع ملفات ستايلات الموقع 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')"

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

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

هذا يعني جعل تدرج الالوان من الأعلى إلى الأسفل
gradientType='0'
وإذا أردته من اليسار إلى اليمين نغير الرقم صفر إلى واحد
AboAyoob غير متواجد حالياً   رد مع اقتباس
قديم 10-12-2005, 01:35 AM  
  مشاركة [ 3 ]
الصورة الرمزية AboAyoob
AboAyoob AboAyoob غير متواجد حالياً
كابتن قـديم
 
تاريخ التسجيل: 23 - 12 - 2004
الدولة: خط الطيران
المشاركات: 6,593
شكر غيره: 0
تم شكره 10 مرة في 7 مشاركة
معدل تقييم المستوى: 1330
AboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقدير
AboAyoob AboAyoob غير متواجد حالياً
كابتن قـديم


الصورة الرمزية AboAyoob

مشاهدة ملفه الشخصي
تاريخ التسجيل: 23 - 12 - 2004
الدولة: خط الطيران
المشاركات: 6,593
شكر غيره: 0
تم شكره 10 مرة في 7 مشاركة
معدل تقييم المستوى: 1330
AboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقديرAboAyoob يستحق الثقة والتقدير
Exclamation مشاركة: التعامل مع ملفات ستايلات الموقع Style.scc

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

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


https://www.bradsoft.com/
ملفات الاستبدال عن القديمة
AboAyoob غير متواجد حالياً   رد مع اقتباس
قديم 10-12-2005, 01:37 AM  
  مشاركة [ 4 ]
الصورة الرمزية Flying Way
Flying Way Flying Way غير متواجد حالياً
ابو خالد
 
تاريخ التسجيل: 23 - 12 - 2004
الدولة: FLYING WAY
المشاركات: 2,976
شكر غيره: 0
تم شكره 16 مرة في 14 مشاركة
معدل تقييم المستوى: 1243
Flying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقدير
Flying Way Flying Way غير متواجد حالياً
ابو خالد


الصورة الرمزية Flying Way

مشاهدة ملفه الشخصي
تاريخ التسجيل: 23 - 12 - 2004
الدولة: FLYING WAY
المشاركات: 2,976
شكر غيره: 0
تم شكره 16 مرة في 14 مشاركة
معدل تقييم المستوى: 1243
Flying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقديرFlying Way يستحق الثقة والتقدير
افتراضي مشاركة: التعامل مع ملفات ستايلات الموقع Style.scc

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


اشكرك من الاعماق
Flying Way غير متواجد حالياً   رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
ملفات, الموقع, التعامل, ستايلات, stylescc


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

البحث المتقدم
تقييم هذا الموضوع
تقييم هذا الموضوع:

الانتقال السريع


الساعة الآن 09:16 PM.
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2020, vBulletin Solutions Inc.
حق العلم والمعرفة يعادل حق الحياة للأنسان - لذا نحن كمسؤلين في الشبكة متنازلون عن جميع الحقوق
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
خط الطيران 2004-2020

 
Copyright FlyingWay © 2020