לדלג לתוכן

תבנית:תוכן שקוף: הבדלים בין גרסאות בדף

מתוך צפונות ויקי
אין תקציר עריכה
אין תקציר עריכה
שורה 11: שורה 11:
}</syntaxhighlight>
}</syntaxhighlight>


[[קובץ:Attention yellow.png|16 פיקסלים|קישור=]] '''שימו לב:''' התבנית הזו לא מאפשרת להשתמש בתכנים עם תגי <tt><nowiki><div></nowiki></tt> (בעיקר מסגרות). לפיכך, אם ברצונכם ליצור מסגרת שקופה, או כל תוכן שקוף אחר שדורש תגי <tt><nowiki><div></nowiki></tt>, יש להשתמש בתבנית {{תב|מסגרת שקופה}} ולא בתבנית זו.
[[קובץ:Attention yellow.png|16 פיקסלים|קישור=]] '''שימו לב:''' התבנית הזו לא מאפשרת להשתמש בתכנים עם תגי <tt><nowiki><div></nowiki></tt> (בעיקר מסגרות). לפיכך, אם ברצונכם ליצור מסגרת שקופה, או כל תוכן שקוף אחר שדורש שימוש בתגי <tt><nowiki><div></nowiki></tt>, יש להשתמש בתבנית {{תב|מסגרת שקופה}} ולא בתבנית זו.


== אופן השימוש ==
== אופן השימוש ==

גרסה מ־21:14, 24 באוגוסט 2016

תבנית:בעבודה תבנית זו משמשת ליצירת תמונות וטקסטים שקופים. התבנית משתמשת במאפיין Opacity של CSS.

באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים לשקופים.

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

.ElementOpacity:hover {
    opacity: 1;
}

קובץ:Attention yellow.png שימו לב: התבנית הזו לא מאפשרת להשתמש בתכנים עם תגי <div> (בעיקר מסגרות). לפיכך, אם ברצונכם ליצור מסגרת שקופה, או כל תוכן שקוף אחר שדורש שימוש בתגי <div>, יש להשתמש בתבנית {{מסגרת שקופה}} ולא בתבנית זו.

אופן השימוש

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

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

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

דוגמאות לשימוש בתבנית

טקסט בסיסי
קוד ויקי תוצאה
{{תוכן שקוף|0.7|זהו טקסט שקוף}} זהו טקסט שקוף
{{תוכן שקוף|0.4|זהו טקסט שקוף מאוד}} זהו טקסט שקוף מאוד
{{תוכן שקוף|0.5|'''זהו טקסט מודגש וגם שקוף'''}} זהו טקסט מודגש וגם שקוף
טקסט מעוצב
הערה חשובה: כדי להשתמש בטקסטים מעוצבים בתבנית הזו, יש להזין את הפרמטר |2= לפני התוכן, כמודגם להלן.
קוד ויקי תוצאה
{{תוכן שקוף|0.45|2=
<span style="color: green;">זהו טקסט שקוף בצבע ירוק</span>
}}
זהו טקסט שקוף בצבע ירוק
{{תוכן שקוף|0.75|2=
<span style="background: lightyellow;">זהו טקסט שקוף עם רקע צהוב</span>
}}
זהו טקסט שקוף עם רקע צהוב
תמונות
קוד ויקי תוצאה
{{תוכן שקוף|0.3|
[[קובץ:Wikipedia-logo.svg]]
}}
קובץ:Wikipedia-logo.svg
{{תוכן שקוף|0.2|
[[קובץ:Achtung.svg|מרכז|100 פיקסלים]]
}}
קובץ:Achtung.svg
תבניות
קוד ויקי תוצאה
{{תוכן שקוף|0.35|
הנה תבנית שקופה: {{מזל טוב}}
}}
הנה תבנית שקופה: תבנית:מזל טוב
פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{עצוב}} {{צחוק}}}} פרצופים שקופים: תבנית:חיוך תבנית:עצוב תבנית:צחוק