הבדלים בין גרסאות בדף "גיליון סגנונות גלובלי"

מתוך וויקי
קפיצה אל: ניווט, חיפוש
מ (=userContent.css=)
מ (=userContent.css=)
שורה 4: שורה 4:
  
 
בקובץ זה ניתן לקבוע הגדרות סגנון שיכנסו לתוקף עבור כל דף בו תבקרו ([[URIid|ובאמצעות הרחבה]] ניתן גם להכניס הגדרות לתוקף בעבור אתר מסוים בלבד). ההגדרה הבאה למשל, תקבע כי טקסט בתיבות-עריכה יוצג בגודל-גופן הזהה לגודל הגופן בדף:
 
בקובץ זה ניתן לקבוע הגדרות סגנון שיכנסו לתוקף עבור כל דף בו תבקרו ([[URIid|ובאמצעות הרחבה]] ניתן גם להכניס הגדרות לתוקף בעבור אתר מסוים בלבד). ההגדרה הבאה למשל, תקבע כי טקסט בתיבות-עריכה יוצג בגודל-גופן הזהה לגודל הגופן בדף:
<pre class="code">
+
<pre class="code"><nowiki>
 
textarea {
 
textarea {
 
   font-size: 100%;
 
   font-size: 100%;
 
}
 
}
</pre>
+
</nowiki></pre>
  
 
את הגדרות אלה ודומות להן יש להוסיף לקובץ userContent.css שב[[פרופילים ב-Mozilla|תיקיית הפרופיל]] שלכם. '''שימו לב:''' כברירת מחדל, תיקיית הפרופיל אינו כולל קובץ זה ויש ליצור אותו (כקובץ טקסט פשוט). השינויים שהכנסתם לקובץ זה יכנסו לתוקף בפעם הבאה שתפעילו את הדפדפן.
 
את הגדרות אלה ודומות להן יש להוסיף לקובץ userContent.css שב[[פרופילים ב-Mozilla|תיקיית הפרופיל]] שלכם. '''שימו לב:''' כברירת מחדל, תיקיית הפרופיל אינו כולל קובץ זה ויש ליצור אותו (כקובץ טקסט פשוט). השינויים שהכנסתם לקובץ זה יכנסו לתוקף בפעם הבאה שתפעילו את הדפדפן.

גרסה מ־11:15, 22 בדצמבר 2004

גיליון סגנונות (Stylesheet) הינו שיטה מודרנית להגדרת עיצוב עבור אלמנטים בעמודי HTML. כשמדובר ב־Mozilla, ניתן להשתמש ביכולות אלו גם עבור ממשק המשתמש. מידע נוסף על גיליונות סגנונות ופרקי לימוד, ניתן למצוא באתר W3Schools. דפדפנים מבוססי Mozilla כוללים שני גליונות גלובלים (המיועדים לעריכת המשתמש) עבור כל פרופיל: userContent.css ו־userChrome.css.

userContent.css

בקובץ זה ניתן לקבוע הגדרות סגנון שיכנסו לתוקף עבור כל דף בו תבקרו (ובאמצעות הרחבה ניתן גם להכניס הגדרות לתוקף בעבור אתר מסוים בלבד). ההגדרה הבאה למשל, תקבע כי טקסט בתיבות-עריכה יוצג בגודל-גופן הזהה לגודל הגופן בדף:

textarea {
  font-size: 100%;
}

את הגדרות אלה ודומות להן יש להוסיף לקובץ userContent.css שבתיקיית הפרופיל שלכם. שימו לב: כברירת מחדל, תיקיית הפרופיל אינו כולל קובץ זה ויש ליצור אותו (כקובץ טקסט פשוט). השינויים שהכנסתם לקובץ זה יכנסו לתוקף בפעם הבאה שתפעילו את הדפדפן.

הדגל important!

הגדרה כמו זו המוצעת למעלה עובדת כל עוד לא הוגדר אחרת בקובץ הסגנונות הפרטי של הדף בו אתם מבקרים. במילים אחרות: להגדרה לא תהיה כל השפעה אם יוצר האתר קבע הגדרת סגנון שונה עבור אותו מאפיין. כדי למנוע התנהגות זו, ניתן להוסיף את הדגל important! בסוף ההגדרות הרצויות (לפני הנקודה-פסיק), כך למשל תראה ההגדרה שמלמעלה:

textarea {
font-size: 100% !important;
}

הוספת דגל זה דורסת את הגדרות הסגנון המקבילות שקבע יוצר הדף.

userChrome.css

בקרוב...

מה אפשר לעשות עם זה?

מספר דוגמאות:


כתובת לקישור חיצוני: http://wiki.mozilla.org.il/index.php/GlobalCSS