|
|
| שורה 1: |
שורה 1: |
| {{משתמש חדש}}
| | <gallery> |
| קיימות שתי תבניות לתכנים שקופים.
| | דוגמה.jpg|כותרת 1 |
| ניתן גם להוסיף אובייקטים ש{{תוכן שקוף|0.6|הדגשה במעבר=כן|מאבדים את שקיפותם כשעוברים מעליהם עם העכבר}}. תכונה זו עושה שימוש בעיצוב CSS שאינו קיים כברירת מחדל בתוכנת [[מדיה ויקי]]. לכן, אם ברצונכם לייצא את התבנית הזו לאתר ויקי אחר, יש להעתיק גם את הקוד הבא לקובץ ה־CSS של האתר:
| | דוגמה.jpg|כותרת 2 |
| ElementOpacity:hover {
| | </gallery> |
| opacity: 1 !important;
| |
| }
| |
| | |
| == אופן השימוש ==
| |
| לתבנית זו שני פרמטרים עיקריים. הפרמטר הראשון מגדיר את רמת השקיפות, והפרמטר השני קובע את התוכן שיוצג.
| |
| | |
| '''הערה חשובה:''' יש להזין את הפרמטר <code>|2=</code> לפני התוכן השקוף. אחרת, ברוב המקרים התבנית לא תעבוד כראוי!
| |
| | |
| רמת השקיפות יכולה להיות כל מספר מ־0 עד 1 (כלומר, מספרים עשרוניים). ככל שהמספר נמוך יותר, כך האובייקט שקוף יותר.
| |
| | |
| כדי לקבוע שהאובייקט יהיה שקוף בהתחלה, אך יאבד את שקיפותו כשהקורא מעביר את העכבר מעליו, יש להשתמש בפרמטר <code>|הדגשה במעבר=כן</code>.
| |
| | |
| === דוגמאות לשימוש בתבניות ===
| |
| <table class="wikitable" width="92%">
| |
| <tr>
| |
| <th>קוד ויקי</th>
| |
| <th>תוצאה</th>
| |
| </tr>
| |
| <tr style="background: white;">
| |
| <td><pre>{{מסגרת שקופה|0.4|2=
| |
| <div style="border: 1px solid black;">
| |
| מסגרת שקופה פשוטה
| |
| </div>
| |
| }}</pre></td>
| |
| <td>{{מסגרת שקופה|0.4|2=
| |
| <div style="border: 1px solid black;">
| |
| מסגרת שקופה פשוטה
| |
| </div>
| |
| }}</td>
| |
| </tr>
| |
| <tr style="background: white;">
| |
| <td><pre>{{מסגרת שקופה|0.35|2=
| |
| <div style="border: 2px solid blue; background: #def; text-align: center;">
| |
| מסגרת שקופה מעוצבת
| |
| </div>
| |
| }}</pre></td>
| |
| <td>{{מסגרת שקופה|0.35|2=
| |
| <div style="border: 2px solid blue; background: #def; text-align: center;">
| |
| מסגרת שקופה מעוצבת
| |
| </div>
| |
| }}</td>
| |
| </tr>
| |
| <tr style="background: white;">
| |
| <td><pre>{{מסגרת שקופה|0.5|הדגשה במעבר=כן|2=
| |
| <div style="border: 3px solid yellow; background: lightgreen; padding: 5px; text-align: center; color: darkred;">
| |
| '''אם תעבירו מעליי את העכבר, אני כבר לא אהיה שקופה.'''
| |
| </div>
| |
| }}</pre></td>
| |
| <td>{{מסגרת שקופה|0.5|הדגשה במעבר=כן|2=
| |
| <div style="border: 3px solid yellow; background: lightgreen; padding: 5px; text-align: center; color: darkred;">
| |
| '''אם תעבירו מעליי את העכבר, אני כבר לא אהיה שקופה.'''
| |
| </div>
| |
| }}</td>
| |
| </tr>
| |
| <tr style="background: white;">
| |
| <td><pre>העבירו את העכבר מעל העיגול הזה כדי לראות אותו כמו שצריך:
| |
| | |
| {{מסגרת שקופה|0.15|הדגשה במעבר=כן|2=
| |
| <div style="border: 4px solid pink; background: blue; border-radius: 50%; width: 40px; height: 40px;"></div>
| |
| }}</pre></td>
| |
| <td>העבירו את העכבר מעל העיגול הזה כדי לראות אותו כמו שצריך:
| |
| | |
| {{מסגרת שקופה|0.15|הדגשה במעבר=כן|2=
| |
| <div style="border: 4px solid pink; background: blue; border-radius: 50%; width: 40px; height: 40px;"></div>
| |
| }}</td>
| |
| </tr>
| |
| </table>
| |
| [[קטגוריה:חב"דפדיה - עזרה]]
| |
