תבנית:תוכן שקוף: הבדלים בין גרסאות בדף
אין תקציר עריכה |
מ 36 גרסאות של הדף wikipedia:he:תבנית:תוכן_שקוף יובאו |
||
| (18 גרסאות ביניים של 3 משתמשים אינן מוצגות) | |||
| שורה 1: | שורה 1: | ||
<includeonly><span {{#ifeq:{{{הדגשה במעבר}}}|כן|class="ElementOpacity"}} style="opacity: {{{1}}};">{{{2}}}</span></includeonly><noinclude> | <includeonly><span {{#ifeq:{{{הדגשה במעבר}}}|כן|class="ElementOpacity"}} style="opacity: {{{1|1}}};">{{{2|}}}</span></includeonly><noinclude> | ||
תבנית זו משמשת ליצירת תמונות וטקסטים שקופים. התבנית משתמשת במאפיין Opacity של [[גיליונות סגנון מדורגים|CSS]]. | תבנית זו משמשת ליצירת תמונות וטקסטים שקופים. התבנית משתמשת במאפיין Opacity של [[גיליונות סגנון מדורגים|CSS]]. | ||
באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים ל{{תוכן שקוף|0.6|שקופים}}. | באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים ל{{תוכן שקוף|0.6|שקופים}}. | ||
כמו כן, ניתן להוסיף תוכן ש{{תוכן שקוף|0.6|הדגשה במעבר=כן|[[#תוכן שמאבד את שקיפותו בעת מעבר עכבר|מאבד את שקיפותו | כמו כן, ניתן להוסיף תוכן ש{{תוכן שקוף|0.6|הדגשה במעבר=כן|[[#תוכן שמאבד את שקיפותו בעת מעבר עכבר|מאבד את שקיפותו כשעוברים מעליו עם העכבר]]}}. תכונה זו עושה שימוש בעיצוב CSS שאינו קיים כברירת מחדל בתוכנת [[מדיה ויקי]]. לכן, אם ברצונכם לייצא את התבנית הזו לאתר ויקי אחר, יש להעתיק גם את הקוד הבא לקובץ ה־CSS של האתר: | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
.ElementOpacity:hover { | .ElementOpacity:hover { | ||
opacity: 1; | opacity: 1 !important; | ||
}</syntaxhighlight> | }</syntaxhighlight> | ||
{{שימו לב|מסיבות טכניות, התבנית הזו לא מאפשרת להשתמש בתכנים עם תגי <tt><nowiki><div></nowiki></tt> (בעיקר מסגרות). לפיכך, אם ברצונכם ליצור מסגרת שקופה, או כל תוכן שקוף אחר שדורש שימוש בתגי <tt><nowiki><div></nowiki></tt>, יש להשתמש בתבנית '''{{תב|מסגרת שקופה}}''' ולא בתבנית זו.}} | |||
== אופן השימוש == | == אופן השימוש == | ||
| שורה 18: | שורה 17: | ||
רמת השקיפות יכולה להיות כל מספר מ־0 עד 1 (כלומר, מספרים עשרוניים). ככל שהמספר נמוך יותר, כך הטקסט שקוף יותר. | רמת השקיפות יכולה להיות כל מספר מ־0 עד 1 (כלומר, מספרים עשרוניים). ככל שהמספר נמוך יותר, כך הטקסט שקוף יותר. | ||
כדי לקבוע שהתוכן יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא | כדי לקבוע שהתוכן יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>. | ||
=== דוגמאות לשימוש בתבנית === | === דוגמאות לשימוש בתבנית === | ||
| שורה 80: | שורה 79: | ||
</tr> | </tr> | ||
<tr style="background: white;"> | <tr style="background: white;"> | ||
<td><pre>{{תוכן שקוף|0.2| | <td><pre>{{תוכן שקוף|0.2 | ||
[[קובץ:Achtung.svg|מרכז|100 פיקסלים]] | |2=[[קובץ:Achtung.svg|מרכז|100 פיקסלים]] | ||
}}</pre></td> | }}</pre></td> | ||
<td>{{תוכן שקוף|0.2|[[קובץ:Achtung.svg|מרכז|100 פיקסלים]]}}</td> | <td>{{תוכן שקוף|0.2 | ||
|2=[[קובץ:Achtung.svg|מרכז|100 פיקסלים]] | |||
}}</td> | |||
</tr> | </tr> | ||
</table> | </table> | ||
| שורה 105: | שורה 106: | ||
<td>פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{עצוב}} {{צחוק}}}}</td> | <td>פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{עצוב}} {{צחוק}}}}</td> | ||
</tr> | </tr> | ||
</table> | |||
<table class="wikitable" style="margin-top: -7px;" width="92%"> | <table class="wikitable" style="margin-top: -7px;" width="92%"> | ||
<tr> | <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> | <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> | ||
<tr> | <tr> | ||
| שורה 115: | שורה 117: | ||
</tr> | </tr> | ||
<tr style="background: white;"> | <tr style="background: white;"> | ||
<td><pre>{{תוכן שקוף|0.6|הדגשה במעבר=כן| | <td><pre>{{תוכן שקוף|0.6|הדגשה במעבר=כן| | ||
הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את | הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר. | ||
}}</pre></td> | }}</pre></td> | ||
<td>{{תוכן שקוף|0.6|הדגשה במעבר=כן| | <td>{{תוכן שקוף|0.6|הדגשה במעבר=כן| | ||
הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את | הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר. | ||
}}</td> | }}</td> | ||
</tr> | </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|הדגשה במעבר=כן| | |||
[[קובץ:Arctic Foxes (8154290495).jpg|120px]] | |||
}}</pre></td> | |||
<td>התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר: | |||
{{תוכן שקוף|0.65|הדגשה במעבר=כן| | |||
[[קובץ:Arctic Foxes (8154290495).jpg|120px]] | |||
}}</td> | |||
</tr> | |||
[[קטגוריה:תבניות עיצוב וסגנון של טקסטים]] | |||