עריכת הדף "תבנית:תוכן שקוף"

<includeonly><span {{#ifeq:{{{הדגשה במעבר}}}|כן|class="ElementOpacity"}} style="opacity: {{{1|1}}};">{{{2|}}}</span></includeonly><noinclude>
תבנית זו משמשת ליצירת תמונות וטקסטים שקופים. התבנית משתמשת במאפיין Opacity של [[גיליונות סגנון מדורגים|CSS]].

באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים ל{{תוכן שקוף|0.6|שקופים}}.

כמו כן, ניתן להוסיף תוכן ש{{תוכן שקוף|0.6|הדגשה במעבר=כן|[[#תוכן שמאבד את שקיפותו בעת מעבר עכבר|מאבד את שקיפותו כשעוברים מעליו עם העכבר]]}}. תכונה זו עושה שימוש בעיצוב CSS שאינו קיים כברירת מחדל בתוכנת [[מדיה ויקי]]. לכן, אם ברצונכם לייצא את התבנית הזו לאתר ויקי אחר, יש להעתיק גם את הקוד הבא לקובץ ה־CSS של האתר:
<syntaxhighlight lang="css">
.ElementOpacity:hover {
    opacity: 1 !important;
}</syntaxhighlight>

{{שימו לב|מסיבות טכניות, התבנית הזו לא מאפשרת להשתמש בתכנים עם תגי <tt><nowiki><div></nowiki></tt> (בעיקר מסגרות). לפיכך, אם ברצונכם ליצור מסגרת שקופה, או כל תוכן שקוף אחר שדורש שימוש בתגי <tt><nowiki><div></nowiki></tt>, יש להשתמש בתבנית '''{{תב|מסגרת שקופה}}''' ולא בתבנית זו.}}

== אופן השימוש ==
לתבנית זו שני פרמטרים עיקריים. הפרמטר הראשון מגדיר את רמת השקיפות, והפרמטר השני קובע את התוכן שיוצג.

רמת השקיפות יכולה להיות כל מספר מ־0 עד 1 (כלומר, מספרים עשרוניים). ככל שהמספר נמוך יותר, כך הטקסט שקוף יותר.

כדי לקבוע שהתוכן יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>.

=== דוגמאות לשימוש בתבנית ===
<table class="wikitable" width="92%">
<tr>
<th colspan="2" style="background: #fffff4; font-size: 110%;">טקסט בסיסי</th>
</tr>
<tr>
<th>קוד ויקי</th>
<th>תוצאה</th>
</tr>
<tr style="background: white;">
<td><code><nowiki>{{תוכן שקוף|0.7|זהו טקסט שקוף}}</nowiki></code></td>
<td>{{תוכן שקוף|0.7|זהו טקסט שקוף}}</td>
</tr>
<tr style="background: white;">
<td><code><nowiki>{{תוכן שקוף|0.4|זהו טקסט שקוף מאוד}}</nowiki></code></td>
<td>{{תוכן שקוף|0.4|זהו טקסט שקוף מאוד}}</td>
</tr>
<tr style="background: white;">
<td><code><nowiki>{{תוכן שקוף|0.5|'''זהו טקסט מודגש וגם שקוף'''}}</nowiki></code></td>
<td>{{תוכן שקוף|0.5|'''זהו טקסט מודגש וגם שקוף'''}}</td>
</tr>
</table>

<table class="wikitable" style="margin-top: -7px;" width="92%">
<tr>
<th colspan="2" style="background: #fffff4;"><span style="font-size: 110%;">טקסט מעוצב</span><br /><span style="font-weight: normal; font-size: 85%;">'''הערה חשובה:''' כדי להשתמש בטקסטים מעוצבים בתבנית הזו, יש להזין את הפרמטר <code>|2=</code> לפני התוכן, כמודגם להלן.</span></th>
</tr>
<tr>
<th>קוד ויקי</th>
<th>תוצאה</th>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.45|2=
<span style="color: green;">זהו טקסט שקוף בצבע ירוק</span>
}}</pre></td>
<td>{{תוכן שקוף|0.45|2=<span style="color: green;">זהו טקסט שקוף בצבע ירוק</span>}}</td>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.75|2=
<span style="background: lightyellow;">זהו טקסט שקוף עם רקע צהוב</span>
}}</pre></td>
<td>{{תוכן שקוף|0.75|2=<span style="background: lightyellow;">זהו טקסט שקוף עם רקע צהוב</span>}}</td>
</tr>
</table>

<table class="wikitable" style="margin-top: -7px;" width="92%">
<tr>
<th colspan="2" style="background: #fffff4; font-size: 110%;">תמונות</th>
</tr>
<tr>
<th>קוד ויקי</th>
<th>תוצאה</th>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.3|
[[קובץ:סמל חבדפדיה.jpg|100 פיקסלים]]
}}</pre></td>
<td>{{תוכן שקוף|0.3|[[קובץ:חבדפדיה.jpg|100 פיקסלים]]}}</td>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.2
|2=[[קובץ:חבדפדיה.jpg|מרכז|100 פיקסלים]]
}}</pre></td>
<td>{{תוכן שקוף|0.2
|2=[[קובץ:חבדפדיה.jpg|מרכז|100 פיקסלים]]
}}</td>
</tr>
</table>

<table class="wikitable" style="margin-top: -7px;" width="92%">
<tr>
<th colspan="2" style="background: #fffff4; font-size: 110%;">תבניות</th>
</tr>
<tr>
<th>קוד ויקי</th>
<th>תוצאה</th>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.35|
הנה תבנית שקופה: {{מזל טוב}}
}}</pre></td>
<td>{{תוכן שקוף|0.35|הנה תבנית שקופה: {{מזל טוב}}}}</td>
</tr>
<tr style="background: white;">
<td><code><nowiki>פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{קריצה}} {{צחוק}}}}</nowiki></code>
<td>פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{קריצה}} {{צחוק}}}}</td>
</tr>
</table>

<table class="wikitable" style="margin-top: -7px;" width="92%">
<tr>
<th colspan="2" style="background: #fffff4;"><span style="font-size: 110%;">{{עוגן|תוכן שמאבד את שקיפותו בעת מעבר עכבר|תוכן שמאבד את שקיפותו בעת מעבר עכבר}}</span><br /><span style="font-weight: normal; font-size: 85%;">ניתן להשתמש באפשרות זו כדי להדגיש תוכן כשהקורא "מרחף" מעליו באמצעות העכבר. לשם כך, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>.</span></th>
</tr>
<tr>
<th>קוד ויקי</th>
<th>תוצאה</th>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.6|הדגשה במעבר=כן|
הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר.
}}</pre></td>
<td>{{תוכן שקוף|0.6|הדגשה במעבר=כן|
הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר.
}}</td>
</tr>
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.47|הדגשה במעבר=כן|2=
<span style="color: red; background: yellow;">'''הטקסט המעוצב הזה יהיה בולט יותר כשתעבירו מעליו את העכבר.'''</span>
}}</pre></td>
<td>{{תוכן שקוף|0.47|הדגשה במעבר=כן|2=
<span style="color: red; background: yellow;">'''הטקסט המעוצב הזה יהיה בולט יותר כשתעבירו מעליו את העכבר.'''</span>
}}</td>
</tr>
<tr style="background: white;">
<td><pre>התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר:

{{תוכן שקוף|0.65|הדגשה במעבר=כן|
[[קובץ:חבדפדיה.jpg|120px]]
}}</pre></td>
<td>התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר:

{{תוכן שקוף|0.65|הדגשה במעבר=כן|
[[קובץ:חבדפדיה.jpg|120px]]
}}</td>
</tr>

[[קטגוריה:תבניות עיצוב וסגנון של טקסטים]]