ين عمل با تنظيم و اعمال فيلترها از طريق كادر filter امكان پذير است.
در اين جا بايد بدانيد كه مقدار دهي به فيلترها نه از طريق كادرهاي كشويي كه در همان كادر فيلتر بايد صورت پذيرد مثلا اگر از فيلتر alpha استفاده كنيد اين كدها در كادر فيلتر ظاهر مي شود.
filter: Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?);
شما در همان كادر فيلتر بايد مقادير مناسب و دلخواهتان را بجاي علامتهاي سوال تايپ كنيد در غير اين صورت با پيغام خطاي برنامه مواجه مي شويد
اما قبل از مقدار دهي بايد اطلاعاتي در مورد آن كسب كنيد كه بنده اين اطلاعات را در اختيارتان قرار مي دهم قبل از همه : بدانيد فيلترها در صورت عدم تنظيم خصوصيت width كار نخواهند كرد اين خصوصيت را براي متون ۱۰۰ درصد و براي تصاوير هم عرض با تصويرتان در نظر بگيريد فيلترهايي كه در شيوه نامه ها در اختيارتان قرار مي گيرند در جدول زير ليست شده اند
البته خاصيت blend هم وجود دارد كه ما بنا به دلائلي از مطرح كردن آن خودداري مي كنيم زيرا هنوز از طرف مرورگرها بدرستي پشتيباني نشده و احتمال بهم ريختگي صفحه وجود دارد در جدول زير متغيرهاي هر خاصيت را با مقادير آن ملاحظه مي كنيد
خاصيتهايي كه در جدول بالا بدان اشاره نشده داراي متغيير و مقدار نيستند
اين كل مطالبي است كه در مورد فيلترها ميشد توضيح داد
نكته مهم : اگر شما مقادير خصوصيات را اشتباه وارد كرديد و دريم ويور كادر ه شدار ( همان كادري كه در بالا اشاره شد ) را صادر كرد در حقيقت كدها درج شده و شما نبايد مجددا كدها را وارد كنيد بلكه بايد كادر شيوه نامه را ببنديد و مابقي تنظيمات را از طريق پنجره كد انجام دهيد
تعيين خصوصيات رنگي اسكرول مرورگر با شيوه نامه ها
مورد د يگري كه شيوه نامه قادر به كنترل آن است تعيين خصوصيات رنگ اسكرول است كه در دريم ويور به آن اشاره نشده و شما كدها را بايد مستقيما تايپ كنيد
براي تعيين خصوصيت اسكرول مرورگر بايد شيوه نامه خود را براي تگ body انجام دهيد كه البته اين خصوصيات در مورد تمام اسكرولهاي صفحه مانند كادرهاي متني و احتمالا فريم اگر استفاده كرده باشيد هم اعمال مي شود براي آنها مي توانيد شيوه نامه جديدي در قالب يك كلاس جديد ايجاد كنيد و خصوصيات آنها را هم تغيير دهيد.
هر اسكرول چند خاصيت دارد كه به قرار زير است
Scrollbar-face-color: ( كل اسكرول )
Scrollbar-shadow-color: ( ايه اسكرول)
Scrollbar-3dlight-color: ( حاشيه اسكرول)
Scrollbar-highlight-color: (حاشيه اسكرول)
Scrollbar-arrow-color: ( پيكان دو سر اسكرول)
Scrollbar-darkshadow-color: ( سايه تاريك اسكرول)
Scrollbar-track-color: ( رنگ زمينه افقي اسكرول)
در اين جا به نمونه تكميل شده كد دقت فرمائيد
<style type="text/css">
body {
Scrollbar-face-color: #FF0000;
Scrollbar-shadow-color: #FF0000;
Scrollbar-highlight-color: #FF0000;
Scrollbar-arrow-color: #FF0000;
Scrollbar-darkshadow-color: #FF0000;
Scrollbar-track-color: #FF0000;
}
</style>
هر چند به انتهاي مبحث شيوه نامه دردريم ويور رسيديم اما هنوز مطالب ريزي هست كه ناگفته مانده بگذاريد اين گونه شروع كنم چطور مي توان بعضی از لينكها را سفارشي كرد تا تمام آنها به يك صورت نباشند مثلا تمام لينكها بدون آندرلاين باش ند منتها بعضی از لينكها هم اين خاصيت را نداشته باشند و داراي آندرلاين باشد.
اكنون زمان آن رسيده تا نحوه انجام چنين عملي را توضيح دهم
ميدانيد كه مي توان براي تمامي تگهاي html شيوه نامه تعريف كرد حال شما می توانید برای هر تگ htmlكلاسي هم تعريف كنيد مثلا اين كد را دقت كنيد.
p {
font-family: tahoma;
font-size: 14pt;
}
در اين كد ما براي تگ p خصوصياتي را در نظر گرفته ايم و در صفحه هر كجا كه تگ p راگراف ) ظاهر شد اين خصوصيات به )آن اعمال مي شود
حال به اين كد دقت كنيد
p.first {
font-family: arial;
font-size: 20pt;
font-weight: bold;
}
در ظاهر اين كدها تفاوتي با هم ن دارند منتها در عمل بسيار متفاوتند كد دوم كلاسي را به يك تگ نسبت مي دهد( p.first ) البته نام first اختياري است و شما مي توانيد هر نامي را در نظر بگيريد و براي اعمال آن بايد كلاس مربوطه را در تگ دلخواهمان درج كنيم ابتدا به كدها دقت كنيد تا شيوه كار را خدمتتان عرض كنم.
<p >this text is first paragraph</p>
در اين حالت خصوصياتي كه براي تگ p معرفي كرده بوديم به متنمان اعمال خواهد شد.
<p class="first" >this text is first paragraph</p>
اما در اين حالت و در همين پاراگراف خصوصياتي كه براي كلاس first ازتگ p مشخص شده بود اعمال مي شود. حال براي انجام عملي كه مايل بوديم اين گونه عمل مي كنيم ابتدا به صفحه ايجاد يك شيوه نامه برويد.
در قسمت selector type گزينه advanced را انتخاب كنيد و در قسمت selector تگ aرا تايپ كرده نقطه اي قرار داده و نام كلاستان را هم در ادامه تايپ كنيد. حال ok را كليك كنيد و به قسمت type رفته و گزينه underline را تيك بزنيد ( مي توانيد ساير مشخصات را هم به دلخواه تعيين كنيد منتها چون مطلب ما در اين زمينه بود آن را شرح داديم ).
حال به صفحه رفته و هر جا كه لازم بود اين كلاس را به لينكتان نسبت دهيد تا تنها همان لينك زير خط دار شود ( البته مشروط بر اين كه در قسمت گزينه هاي صفحه نوع لينكها را بدون زير خط انتخاب كرده باشيد ) در انتها هم چند نكته در مورد شيوه نامه ها بايد ذكر كنم
نكته ۱ : شما براي id ها هم مي توانيد شيوه نامه ايجاد كنيد براي اين منظور در همان قسمت advanced با درج # و id مورد نظر در قسمتtype شيوه نامه خودتان را ايجاد كنيد . ( هنوز ما با id ها آشنا نشديم ولي در اين قسمت همين مقدار بدانيد كه id نامي منحصر به فرد است كه به دستوري نسبت داده مي شود و بيشتر كار برد آن به كدهاي جاوا اسكريپت يا ساير كدها مربوط است كه قابليت ارجاع را دارند.
نكته ۲ : شما مي توانيد همزمان يك شيوه نامه را به تعداد زيادي از تگهاي html اعمال كنيد فقط بايد مابين هر تگ از علامت ,استفاده كنيد به مثال زير دقت كنيد
h1 , h2 , h3 {
font-family: tahoma;
background-color: #FF0000;
}
نكته ۳ : درج توضيحات در بين كدهاي شيوه نامه مطمئن باشيد هر گونه كدي كه نگاشته شود بدون توضيحات در فاصله زماني كوتاهي معنا و مفهوم خود را از دست خواهد داد پس سعي كنيد براي خوانايي كدتان اين كار را انجام دهيد علامت توضيحات در شيوه نامه با */ شروع و با /* به پايان مي رسد ما براي همان كد بالا اينك توضيحات را درج مي كنيم
لازم است شما در حالت split باشيد تا به كدها هم دسترسي داشته باشيد حال ماوس خود را در جايي كه مايل به درج توضيحات هستيد قرار داده و با درج علامت توضيح توضيحات خود را تايپ كنيد
h1 , h2 , h3 {
/* اين كد مربوط به مشخصات سه تگ از تگهاي اچتمل است */
font-family: tahoma; /* /* اين كد فونت تاهوما را به متن اعمال مي كند
background-color: #FF /* اين خط رنگ بك گراند را مشخص مي كند */ ; 0000
}
نكته ۴ : اگر از طريق قسمت كدها قصد درج شيوه نامه را داشته باشيد خواهيد ديد كه گزينه هاي بسياري وجود دارد كه در حالت عادي در قسمت ايجاد شيوه نامه ليستي از آن ها ديده نمي شود و اين به اين دليل است كه هنوز مرورگرها از آنها حمايت كامل و يكدستي ندارند و اگر سايتتان قرار است در يك اينترانت اجرا شود و واقعا مي دانيد بازديد كنندگان از چه مرورگري استفاده مي
كنند از آن كدها استفاده كنيد در غير اين صورت با احتياط بايد استفاده شوند. اما سوالي كه ممكن است مطرح شود اين است كه از كجا بدانيم مرورگرها چه گزينه هايي را حمايت مي كنند يا اين كه ا ز كجا بدانيم هر گزينه مربوط به كدام ورژن شيوه نامه است ( شيوه نامه cssدو روايت داردcss1,css2)
|