|
|
| שורה 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>
| |
| − | [[קטגוריה:חב"דפדיה - עזרה]]
| |
