תבנית:תוכן שקוף
תבנית זו משמשת ליצירת תמונות וטקסטים שקופים. התבנית משתמשת במאפיין Opacity של CSS.
באמצעות התבנית ניתן להפוך טקסטים רגילים, טקסטים מעוצבים, תמונות ואלמנטים נוספים לשקופים.
כמו כן, ניתן להוסיף תוכן שמאבד את שקיפותו כשעוברים מעליו עם העכבר. תכונה זו עושה שימוש בעיצוב CSS שאינו קיים כברירת מחדל בתוכנת מדיה ויקי. לכן, אם ברצונכם לייצא את התבנית הזו לאתר ויקי אחר, יש להעתיק גם את הקוד הבא לקובץ ה־CSS של האתר:
.ElementOpacity:hover {
opacity: 1 !important;
}
שימו לב:
אופן השימוש[עריכת קוד מקור]
לתבנית זו שני פרמטרים עיקריים. הפרמטר הראשון מגדיר את רמת השקיפות, והפרמטר השני קובע את התוכן שיוצג.
רמת השקיפות יכולה להיות כל מספר מ־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| [[קובץ:סמל חבדפדיה.jpg|100 פיקסלים]] }} |
|
{{תוכן שקוף|0.2 |2=[[קובץ:חבדפדיה.jpg|מרכז|100 פיקסלים]] }} |
תבניות | |
---|---|
קוד ויקי | תוצאה |
{{תוכן שקוף|0.35| הנה תבנית שקופה: {{מזל טוב}} }} |
הנה תבנית שקופה: מ ז ל ט ו ב ! |
פרצופים שקופים: {{תוכן שקוף|0.5|{{חיוך}} {{קריצה}} {{צחוק}}}}
| פרצופים שקופים: |
תוכן שמאבד את שקיפותו בעת מעבר עכבר ניתן להשתמש באפשרות זו כדי להדגיש תוכן כשהקורא "מרחף" מעליו באמצעות העכבר. לשם כך, יש להשתמש בפרמטר |הדגשה במעבר=כן . |
|
---|---|
קוד ויקי | תוצאה |
{{תוכן שקוף|0.6|הדגשה במעבר=כן| הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר. }} |
הטקסט הזה יהיה כהה יותר כשתעבירו מעליו את העכבר. |
{{תוכן שקוף|0.47|הדגשה במעבר=כן|2= <span style="color: red; background: yellow;">'''הטקסט המעוצב הזה יהיה בולט יותר כשתעבירו מעליו את העכבר.'''</span> }} |
הטקסט המעוצב הזה יהיה בולט יותר כשתעבירו מעליו את העכבר. |
התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר: {{תוכן שקוף|0.65|הדגשה במעבר=כן| [[קובץ:חבדפדיה.jpg|120px]] }} |
התמונה הזו תהיה כהה יותר כשתעבירו מעליה את העכבר: |