ראשי > תפריטי dhtml נשלפים > הגדרת גיליונות סגנון לתפריטים
הגדרת
גיליונות סגנון לתפריטים
<style type="text/css" title="menustyles">
div.item {
position : absolute;
width : 250px;
left : 0px;
z-index : 1;
font-family : Arial, Helvetica;
font-size : 10pt;
line-height : 14pt;
font-weight : bold;
font-style : normal;
}
div.headline {
position : absolute;
width : 250px;
left : 0px;
z-index : 1;
font-family : Arial, Helvetica;
font-size : 12pt;
line-height : 16pt;
font-weight : bold;
font-style : italic;
text-transform : uppercase;
}
#itemlayer {
position : absolute;
width : 250px;
left : 0px;
z-index : 1;
font-family : Arial, Helvetica;
font-size : 10pt;
line-height : 14pt;
font-weight : bold;
font-style : normal;
text-align : left;
padding : 0px;
}
#headlinelayer {
font-family : Arial, Helvetica;
font-size : 12pt;
line-height : 16pt;
font-weight : bold;
font-style : italic;
text-align : left;
padding : 0px;
text-transform : uppercase;
}
</style>
קטע
הקוד מגדיר גיליון סגנון עבור העמוד. למעשה,
שני סטים של סגנונות נוצרים כאן, סט אחד
לאינטרנט אקספלורר (div.item
ו-div.headline) וסט אחד לנטסקייפ נוויגטור (#itemlayer,
#headlinelayer). סגנונות
הכותרת ישמשו להכנסת שם הנושא בתוך כל אחד
מהתפריטים, למשל, “Auto
" לתפריט שיעסוק ב-auto
insurance . סגנונות
הפריט יקבעו את הצורה של כל פריט בתפריט, או
במלים אחרות, כל קישור של מאמר. הפרמטרים
הספציפיים שנבחרו לסגנונות אלה משקפים את
רצונות הלקוח אבל יכולים, כמובן, להציג כל טעם
אסתטי.