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

מתוך ויקי נטפרי
קפיצה לניווט קפיצה לחיפוש
שורה 1: שורה 1:
 
<noinclude>
 
<noinclude>
 
{{קישור לתצוגת קריאה}}
 
{{קישור לתצוגת קריאה}}
{{Bootstrap alert-danger|כי הוא לא עובד כרגע בתצוגת קריאה. ראו דף ה[[שיחת תבנית:ספוילר|שיחה]].|אין להשתמש בה עדיין!}}
 
 
== הסבר ==
 
== הסבר ==
 
הספוילר שימושי מאוד בשביל לקצר ולעשות סדר לדפים ארוכים (לדוגמא [[מחיקת זיכרון מטמון|כאן]]).<br>
 
הספוילר שימושי מאוד בשביל לקצר ולעשות סדר לדפים ארוכים (לדוגמא [[מחיקת זיכרון מטמון|כאן]]).<br>
 
 
בכדי לעשות ספוילר כותבים ככה:<br>
 
בכדי לעשות ספוילר כותבים ככה:<br>
<code><nowiki>
+
<code><nowiki> {{ספוילר|1|לחץ כאן|זה התוכן המוסתר}} </nowiki></code>
{{ספוילר|1|לחץ כאן|זה התוכן המוסתר}}
 
</nowiki></code>
 
 
<br>
 
<br>
 
ככה נקבל:
 
ככה נקבל:
 
{{ספוילר|2|לחץ כאן|זה התוכן המוסתר}}
 
{{ספוילר|2|לחץ כאן|זה התוכן המוסתר}}
 
 
{{תיבת מידע|חשוב שבדף שיש בו כמה ספוילרים לייעד מספר נפרד לכל ספוילר (כדי שלא יוצגו ויסתרו ביחד).}}
 
{{תיבת מידע|חשוב שבדף שיש בו כמה ספוילרים לייעד מספר נפרד לכל ספוילר (כדי שלא יוצגו ויסתרו ביחד).}}
</noinclude>
+
</noinclude><includeonly><details style="margin: 15px 0; text-align: center;"><summary style="display: inline-block; background-color: #17a2b8; color: #fff; padding: 1rem 2rem; border-radius: 5px; cursor: pointer; font-weight: bold; font-size: 1em; list-style: none; border: none; outline: none;">👁️ {{{2|לחץ להצגת התוכן}}}</summary><div style="background-color: #F5F5DC; border: 1px solid #DBCA7E; padding: 7px 7px 0 7px; margin: 2px; text-align: right;">{{{3}}}</div></details></includeonly>
 
 
<includeonly><div style="text-align: center; margin: 15px 0;"><button onclick="(function(btn){var c=document.getElementById('spoiler-content-{{{1|1}}}');if(c.style.display==='none'){c.style.display='block';btn.querySelector('.spoiler-arrow').textContent='▲';}else{c.style.display='none';btn.querySelector('.spoiler-arrow').textContent='▼';}})(this)" style="background-color: #17a2b8; color: #fff; padding: 1rem 2rem; border-radius: 5px; border: none; cursor: pointer; font-weight: bold; font-size: 1em; font-family: inherit;">👁️ {{{2|לחץ להצגת התוכן}}} <span class="spoiler-arrow">▼</span></button></div><div id="spoiler-content-{{{1|1}}}" style="display: none;"><div style="background-color: #F5F5DC; border: 1px solid #DBCA7E; padding: 7px 7px 0 7px; margin: 2px;">{{{3}}}</div></div></includeonly>
 

גרסה מ־00:38, 10 במרץ 2026

למעבר מתצוגת עריכה לתצוגת קריאה

הסבר

הספוילר שימושי מאוד בשביל לקצר ולעשות סדר לדפים ארוכים (לדוגמא כאן).
בכדי לעשות ספוילר כותבים ככה:
{{ספוילר|1|לחץ כאן|זה התוכן המוסתר}}
ככה נקבל:

<details style="margin: 15px 0; text-align: center;"><summary style="display: inline-block; background-color: #17a2b8; color: #fff; padding: 1rem 2rem; border-radius: 5px; cursor: pointer; font-weight: bold; font-size: 1em; list-style: none; border: none; outline: none;">👁️ לחץ כאן</summary>

זה התוכן המוסתר

</details>