אונטערשייד צווישן ווערסיעס פון "מוסטער:תוכן שקוף"

פון המכלול
קפיצה לניווט קפיצה לחיפוש
אין תקציר עריכה
 
ק (החלפת טקסט – "־" ב־"-")
 
(4 מיטלסטע ווערסיעס פון 3 באַניצער נישט געוויזן.)
שורה 4: שורה 4:
באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים ל{{תוכן שקוף|0.6|שקופים}}.
באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים ל{{תוכן שקוף|0.6|שקופים}}.


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


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


כדי לקבוע שהתוכן יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>.
כדי לקבוע שהתוכן יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>.
שורה 74: שורה 74:
<tr style="background: white;">
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.3|
<td><pre>{{תוכן שקוף|0.3|
[[קובץ:Wikipedia-logo.svg]]
[[טעקע:Wikipedia-logo.svg]]
}}</pre></td>
}}</pre></td>
<td>{{תוכן שקוף|0.3|[[קובץ:Wikipedia-logo.svg]]}}</td>
<td>{{תוכן שקוף|0.3|[[טעקע:Wikipedia-logo.svg]]}}</td>
</tr>
</tr>
<tr style="background: white;">
<tr style="background: white;">
<td><pre>{{תוכן שקוף|0.2
<td><pre>{{תוכן שקוף|0.2
|2=[[קובץ:Achtung.svg|מרכז|100 פיקסלים]]
|2=[[טעקע:Achtung.svg|מרכז|100 פיקסלים]]
}}</pre></td>
}}</pre></td>
<td>{{תוכן שקוף|0.2
<td>{{תוכן שקוף|0.2
|2=[[קובץ:Achtung.svg|מרכז|100 פיקסלים]]
|2=[[טעקע:Achtung.svg|מרכז|100 פיקסלים]]
}}</td>
}}</td>
</tr>
</tr>
שורה 136: שורה 136:


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


{{תוכן שקוף|0.65|הדגשה במעבר=כן|
{{תוכן שקוף|0.65|הדגשה במעבר=כן|
[[קובץ:Arctic Foxes (8154290495).jpg|120px]]
[[טעקע:Arctic Foxes (8154290495).jpg|120px]]
}}</td>
}}</td>
</tr>
</tr>


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

יעצטיגע רעוויזיע זינט 23:23, 12 מאי 2023

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

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

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

.ElementOpacity:hover {
    opacity: 1 !important;
}

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
|2=[[טעקע:Achtung.svg|מרכז|100 פיקסלים]]
}}
Achtung.svg
תבניות
קוד ויקי תוצאה
{{תוכן שקוף|0.35|
הנה תבנית שקופה: {{מזל טוב}}
}}
הנה תבנית שקופה: מ ז ל Nuvola apps cookie.svg ט ו ב !
פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{עצוב}} {{צחוק}}}} פרצופים שקופים: Face-smile.svg
  1. ווייטערפירן מוסטער:עצב Im-yahoo.svg
תוכן שמאבד את שקיפותו בעת מעבר עכבר
ניתן להשתמש באפשרות זו כדי להדגיש תוכן כשהקורא "מרחף" מעליו באמצעות העכבר. לשם כך, יש להשתמש בפרמטר |הדגשה במעבר=כן.
קוד ויקי תוצאה
{{תוכן שקוף|0.6|הדגשה במעבר=כן|
הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר.
}}

הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר.

{{תוכן שקוף|0.47|הדגשה במעבר=כן|2=
<span style="color: red; background: yellow;">'''הטקסט המעוצב הזה יהיה בולט יותר כשתעבירו מעליו את העכבר.'''</span>
}}
הטקסט המעוצב הזה יהיה בולט יותר כשתעבירו מעליו את העכבר.
התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר:

{{תוכן שקוף|0.65|הדגשה במעבר=כן|
[[טעקע:Arctic Foxes (8154290495).jpg|120px]]
}}
התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר:

Arctic Foxes (8154290495).jpg