תבנית:מסגרת שקופה: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
(Men770 העביר את הדף תבנית:מסגרת שקופה ל־תבנית:תוכן שקוף) |
אין תקציר עריכה |
||
| שורה 1: | שורה 1: | ||
# | <includeonly><div {{#ifeq:{{{הדגשה במעבר}}}|כן|class="ElementOpacity"}} style="opacity: {{{1}}};">{{{2}}}</div></includeonly><noinclude> | ||
תבנית זו משמשת ליצירת אובייקטים שקופים המכילים תגי <tt><nowiki><div></nowiki></tt> (למשל מסגרות). התבנית משתמשת במאפיין Opacity של [[גיליונות סגנון מדורגים|CSS]]. | |||
{{שימו לב|כדי ליצור טקסט שקוף או תמונה שקופה, יש להשתמש בתבנית '''{{תב|תוכן שקוף}}''' ולא בתבנית זו!}} | |||
התבנית הזו נועדה רק למקרים שבהם יש צורך לעשות שימוש בתגי <tt><nowiki><div></nowiki></tt> בתוכן השקוף, משום ששימוש כזה לא אפשרי בתבנית {{תב|תוכן שקוף}}. | |||
ניתן גם להוסיף אובייקטים ש{{תוכן שקוף|0.6|הדגשה במעבר=כן|מאבדים את שקיפותם כשעוברים מעליהם עם העכבר}}. תכונה זו עושה שימוש בעיצוב CSS שאינו קיים כברירת מחדל בתוכנת [[מדיה ויקי]]. לכן, אם ברצונכם לייצא את התבנית הזו לאתר ויקי אחר, יש להעתיק גם את הקוד הבא לקובץ ה־CSS של האתר: | |||
<syntaxhighlight lang="css"> | |||
.ElementOpacity:hover { | |||
opacity: 1 !important; | |||
}</syntaxhighlight> | |||
== אופן השימוש == | |||
לתבנית זו שני פרמטרים עיקריים. הפרמטר הראשון מגדיר את רמת השקיפות, והפרמטר השני קובע את התוכן שיוצג. | |||
'''הערה חשובה:''' יש להזין את הפרמטר <code>|2=</code> לפני התוכן השקוף. אחרת, ברוב המקרים התבנית לא תעבוד כראוי! | |||
רמת השקיפות יכולה להיות כל מספר מ־0 עד 1 (כלומר, מספרים עשרוניים). ככל שהמספר נמוך יותר, כך האובייקט שקוף יותר. | |||
כדי לקבוע שהאובייקט יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>. | |||
=== דוגמאות לשימוש בתבנית === | |||
<table class="wikitable" width="92%"> | |||
<tr> | |||
<th>קוד ויקי</th> | |||
<th>תוצאה</th> | |||
</tr> | |||
<tr style="background: white;"> | |||
<td><pre>{{מסגרת שקופה|0.4|2= | |||
<div style="border: 1px solid black;"> | |||
מסגרת שקופה פשוטה | |||
</div> | |||
}}</pre></td> | |||
<td>{{מסגרת שקופה|0.4|2= | |||
<div style="border: 1px solid black;"> | |||
מסגרת שקופה פשוטה | |||
</div> | |||
}}</td> | |||
</tr> | |||
<tr style="background: white;"> | |||
<td><pre>{{מסגרת שקופה|0.35|2= | |||
<div style="border: 2px solid blue; background: #def; text-align: center;"> | |||
מסגרת שקופה מעוצבת | |||
</div> | |||
}}</pre></td> | |||
<td>{{מסגרת שקופה|0.35|2= | |||
<div style="border: 2px solid blue; background: #def; text-align: center;"> | |||
מסגרת שקופה מעוצבת | |||
</div> | |||
}}</td> | |||
</tr> | |||
<tr style="background: white;"> | |||
<td><pre>{{מסגרת שקופה|0.5|הדגשה במעבר=כן|2= | |||
<div style="border: 3px solid yellow; background: lightgreen; padding: 5px; text-align: center; color: darkred;"> | |||
'''אם תעבירו מעליי את העכבר, אני כבר לא אהיה שקופה.''' | |||
</div> | |||
}}</pre></td> | |||
<td>{{מסגרת שקופה|0.5|הדגשה במעבר=כן|2= | |||
<div style="border: 3px solid yellow; background: lightgreen; padding: 5px; text-align: center; color: darkred;"> | |||
'''אם תעבירו מעליי את העכבר, אני כבר לא אהיה שקופה.''' | |||
</div> | |||
}}</td> | |||
</tr> | |||
<tr style="background: white;"> | |||
<td><pre>העבירו את העכבר מעל העיגול הזה כדי לראות אותו כמו שצריך: | |||
{{מסגרת שקופה|0.15|הדגשה במעבר=כן|2= | |||
<div style="border: 4px solid pink; background: blue; border-radius: 50%; width: 40px; height: 40px;"></div> | |||
}}</pre></td> | |||
<td>העבירו את העכבר מעל העיגול הזה כדי לראות אותו כמו שצריך: | |||
{{מסגרת שקופה|0.15|הדגשה במעבר=כן|2= | |||
<div style="border: 4px solid pink; background: blue; border-radius: 50%; width: 40px; height: 40px;"></div> | |||
}}</td> | |||
</tr> | |||
</table> | |||
[[קטגוריה:תבניות עיצוב]] | |||
גרסה מ־19:26, 17 בינואר 2017
תבנית זו משמשת ליצירת אובייקטים שקופים המכילים תגי <div> (למשל מסגרות). התבנית משתמשת במאפיין Opacity של CSS.
שימו לב:
התבנית הזו נועדה רק למקרים שבהם יש צורך לעשות שימוש בתגי <div> בתוכן השקוף, משום ששימוש כזה לא אפשרי בתבנית {{תוכן שקוף}}.
ניתן גם להוסיף אובייקטים שמאבדים את שקיפותם כשעוברים מעליהם עם העכבר. תכונה זו עושה שימוש בעיצוב CSS שאינו קיים כברירת מחדל בתוכנת מדיה ויקי. לכן, אם ברצונכם לייצא את התבנית הזו לאתר ויקי אחר, יש להעתיק גם את הקוד הבא לקובץ ה־CSS של האתר:
.ElementOpacity:hover {
opacity: 1 !important;
}
אופן השימוש
לתבנית זו שני פרמטרים עיקריים. הפרמטר הראשון מגדיר את רמת השקיפות, והפרמטר השני קובע את התוכן שיוצג.
הערה חשובה: יש להזין את הפרמטר |2= לפני התוכן השקוף. אחרת, ברוב המקרים התבנית לא תעבוד כראוי!
רמת השקיפות יכולה להיות כל מספר מ־0 עד 1 (כלומר, מספרים עשרוניים). ככל שהמספר נמוך יותר, כך האובייקט שקוף יותר.
כדי לקבוע שהאובייקט יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר |הדגשה במעבר=כן.
דוגמאות לשימוש בתבנית
| קוד ויקי | תוצאה |
|---|---|
{{מסגרת שקופה|0.4|2=
<div style="border: 1px solid black;">
מסגרת שקופה פשוטה
</div>
}} |
מסגרת שקופה פשוטה |
{{מסגרת שקופה|0.35|2=
<div style="border: 2px solid blue; background: #def; text-align: center;">
מסגרת שקופה מעוצבת
</div>
}} |
מסגרת שקופה מעוצבת |
{{מסגרת שקופה|0.5|הדגשה במעבר=כן|2=
<div style="border: 3px solid yellow; background: lightgreen; padding: 5px; text-align: center; color: darkred;">
'''אם תעבירו מעליי את העכבר, אני כבר לא אהיה שקופה.'''
</div>
}} |
אם תעבירו מעליי את העכבר, אני כבר לא אהיה שקופה. |
העבירו את העכבר מעל העיגול הזה כדי לראות אותו כמו שצריך:
{{מסגרת שקופה|0.15|הדגשה במעבר=כן|2=
<div style="border: 4px solid pink; background: blue; border-radius: 50%; width: 40px; height: 40px;"></div>
}} |
העבירו את העכבר מעל העיגול הזה כדי לראות אותו כמו שצריך:
|