תבנית:תרשים עוגה

מתוך ויקיפדיה, האנציקלופדיה החופשית
Ambox important.svg
תבנית זו נמצאת בבקרת מערכת בדיקת פרמטרים, שמופעלת בוויקיפדיה העברית. כל שינוי במבנה הפרמטרים מחייב שינוי מתאים בנתוני התבנית (TemplateData).
אין דפים עם שגיאה בשימוש בתבנית רענון נתונים

המידע מטה מוצג מתוך הדף תבנית:תרשים עוגה/תיעוד.


שימוש[עריכת קוד מקור]

ניתן לפרט תוויות ואחוזים עד ל-30 פלחים. כל הפרמטרים עבור שש פלחים מפורטים להלן; כדי לכלול פלחים נוספים, העתיקו את הקוד עבור אחד האחרים, ושנו את הספרה בסוף כל שם פרמטר.

{{תרשים עוגה
| ממוזער = 
| כיתוב = 
| אחר = 
| תווית1 =לזכור 
| אחוז1 =16.6
| צבע1 =2
| תווית2 =להבין
| אחוז2 =16.6
| צבע2 =3 
| תווית3 =ליישם
| אחוז3 =16.6 
| צבע3 =5 
| תווית4 =לנתח
| אחוז4 =16.6
| צבע4 =6
| תווית5 =להעריך
| אחוז5 =16.6
| צבע5 =9
| תווית6 =לעצב
| אחוז6 =16.6
| צבע6 =10
}}
  • הפרמטר |ממוזער= מציין באיזה צד של הדף יימצא התרשים וברירת המחדל היא ימינה, כמו עם קובצי תמונה. כדי להציג את התרשים בצד שמאל של הדף, ציין את המילה |ממוזער=שמאל.
  • הפרמטר |כיתוב= מציין מחרוזת טקסט שמופיעה בשורה לפני המקרא.
  • הפרמטר|אחר=, אם צוין, יגרום לפריט "אחר" להופיע במקרא.
  • כל |תוויתN= הוא מחרוזת טקסט המופיעה בפריט מקרא עבור פלח. השמטתה תגרום לפריט מקרא לא תוצג עבור פרוסה זו.
  • כל |אחוזN= הוא האחוז שהפלח מייצג. אין לכלול את סימן האחוזים. כמו כן, שים לב כי היא מוצגת במקרא כפי שנכתב (רק אחרי התווית), ללא עיגול או עיצוב אחר.
  • כל |צבעN= הוא קוד צבע css או שם. אם מושמט, הוא יוגדרו ברירת המחדל הגוונים הבאים:
  1.   אדום
  2.   ירוק
  3.   כחול
  4.   צהוב
  5.   ורוד פוקסיה
  6.   מים
  7.   חום
  8.   כתום
  9.   סגול
  10.   סיינה

מגבלות[עריכת קוד מקור]

  • קיימות בעיות קלות בהדפסה. אנחנו גם צריכים ליישם תמיכה טובה לאחור לשימוש עם ויקיפדיה:ספרים.
  • הערכים צריכים להיות באחוזים.
  • Google Chrome ו-Safari אינם מבצעות גבולות anti-alias, ולכן השורות קצת משוננות. (עבור Chrome, נראה שהבעיה נפתרה, נבדק עם גרסה 26).
  • לא ניתן לשים תוויות על הפלחים עצמם.
  • בעיקרון, לא ניתן לשמור עותק של התרשים באמצעות הפונקציה "שמור תמונה" של הדפדפן.
  • המספר המקסימלי של פלחים שניתן להציג: 30.

איך זה עובד[עריכת קוד מקור]

Circle frame.svg
  אחת (42%)
  שניים (32%)
  שלוש (12%)
  ארבע (3%)
  חמש (2%)
  שש (1%)
  אחר (8%)

זוהי תבנית ניסיונית שמציירת תרשימי עוגה באמצעות תמונה אחת, הרבה מקוד CSS (בשורה) שנוצר על ידי פונקציות Parser, ובהחלט לא JavaScript. היא משתמשת בטכניקה ציור קווים אלכסוניים ב-CSS תוך ניצול העובדה כי גבולות המוגדרים על אלמנטים מחוברים זוויתית. לכן, ניתן לקבוע גבול אחד לצבע אטום, כאשר האחרים שקופים לגמרי, כדי ליצור קו אלכסוני. ניתן לשלוט על זווית הקו על ידי התאמת רוחב של שני גבולות סמוכים (אחד מהם אטום) ביחס זה לזה. שימו לב שבדפדפן Internet Explorer 6, החלת גבולות שקופים, בדרך הסטנדרטית אינה פועלת. עקיפת הבעיה אפשרית באמצעות מחלקת transborder, שנוספה ל-MediaWiki:Common.css כדי להפוך את התבנית לשמישה.

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

  • מתחת לתמונת px‏200×200 של עיגול שקוף על רקע בהיר (כמו צבע הרקע בשימוש מחלקת ה-CSS thumbinner)
  • בתוך אלמנט מכיל עם סט overflow: hidden;

זה מאפשר רק לחלק שבתוך המעגל של כל פלח להיות גלוי בדף.

רוב הקוד ב-{{תרשים עוגה/פלח}} מחולק לחמישה חלקים, ארבעת הראשונים מתאימים לרבעי העיגול והאחרון דואג בצורה ברורה למקרה שבו פלח אחד תופס 100% מהתרשים.

דוגמה[עריכת קוד מקור]

הדוגמה הבאה של תבנית:תרשים עוגה מייצרת את תרשים העוגה המוצג בצד שמאל.

Circle frame.svg

דתות בצ'כיה נכון ל-2001.

  קתולים (26.8%)
  אחר (11.7%)
{{תרשים עוגה
| כיתוב=[[w:Religion in the Czech Republic|דתות בצ'כיה]] נכון ל-2001.
| אחר = כן
| תווית1 = [[אתאיזם|אתאיסטים]] ו[[אגנוסטיות|אגנוסטים]]
| אחוז1 = 59
| צבע1 = silver
| תווית2 = [[הכנסייה הקתולית|קתולים]]
| אחוז2 = 26.8
| צבע2 = #008
| תווית3= [[נצרות פרוטסטנטית|פרוטסטנטים]]
| אחוז3 = 2.5
| צבע3 = #08f
}}

ראו גם[עריכת קוד מקור]

אין תיאור.

פרמטרים של תבניות

התבנית הזאת מעדיפה עיצוב פרמטרים בתור פסקה.

פרמטרתיאורסוגמצב
ממוזערממוזער

אין תיאור

בלתי־ידועלא חובה
רוחברוחב

אין תיאור

בלתי־ידועלא חובה
אחוז30אחוז30

אין תיאור

בלתי־ידועלא חובה
צבע30צבע30

אין תיאור

בלתי־ידועלא חובה
אחוז1אחוז1

אין תיאור

בלתי־ידועלא חובה
אחוז2אחוז2

אין תיאור

בלתי־ידועלא חובה
אחוז3אחוז3

אין תיאור

בלתי־ידועלא חובה
אחוז4אחוז4

אין תיאור

בלתי־ידועלא חובה
אחוז5אחוז5

אין תיאור

בלתי־ידועלא חובה
אחוז6אחוז6

אין תיאור

בלתי־ידועלא חובה
אחוז7אחוז7

אין תיאור

בלתי־ידועלא חובה
אחוז8אחוז8

אין תיאור

בלתי־ידועלא חובה
אחוז9אחוז9

אין תיאור

בלתי־ידועלא חובה
אחוז10אחוז10

אין תיאור

בלתי־ידועלא חובה
אחוז11אחוז11

אין תיאור

בלתי־ידועלא חובה
אחוז12אחוז12

אין תיאור

בלתי־ידועלא חובה
אחוז13אחוז13

אין תיאור

בלתי־ידועלא חובה
אחוז14אחוז14

אין תיאור

בלתי־ידועלא חובה
אחוז15אחוז15

אין תיאור

בלתי־ידועלא חובה
אחוז16אחוז16

אין תיאור

בלתי־ידועלא חובה
אחוז17אחוז17

אין תיאור

בלתי־ידועלא חובה
אחוז18אחוז18

אין תיאור

בלתי־ידועלא חובה
אחוז19אחוז19

אין תיאור

בלתי־ידועלא חובה
אחוז20אחוז20

אין תיאור

בלתי־ידועלא חובה
אחוז21אחוז21

אין תיאור

בלתי־ידועלא חובה
אחוז22אחוז22

אין תיאור

בלתי־ידועלא חובה
אחוז23אחוז23

אין תיאור

בלתי־ידועלא חובה
אחוז24אחוז24

אין תיאור

בלתי־ידועלא חובה
אחוז25אחוז25

אין תיאור

בלתי־ידועלא חובה
אחוז26אחוז26

אין תיאור

בלתי־ידועלא חובה
אחוז27אחוז27

אין תיאור

בלתי־ידועלא חובה
אחוז28אחוז28

אין תיאור

בלתי־ידועלא חובה
אחוז29אחוז29

אין תיאור

בלתי־ידועלא חובה
צבע29צבע29

אין תיאור

בלתי־ידועלא חובה
צבע28צבע28

אין תיאור

בלתי־ידועלא חובה
צבע27צבע27

אין תיאור

בלתי־ידועלא חובה
צבע26צבע26

אין תיאור

בלתי־ידועלא חובה
צבע25צבע25

אין תיאור

בלתי־ידועלא חובה
צבע24צבע24

אין תיאור

בלתי־ידועלא חובה
צבע23צבע23

אין תיאור

בלתי־ידועלא חובה
צבע22צבע22

אין תיאור

בלתי־ידועלא חובה
צבע21צבע21

אין תיאור

בלתי־ידועלא חובה
צבע20צבע20

אין תיאור

בלתי־ידועלא חובה
צבע19צבע19

אין תיאור

בלתי־ידועלא חובה
צבע18צבע18

אין תיאור

בלתי־ידועלא חובה
צבע17צבע17

אין תיאור

בלתי־ידועלא חובה
צבע16צבע16

אין תיאור

בלתי־ידועלא חובה
צבע15צבע15

אין תיאור

בלתי־ידועלא חובה
צבע14צבע14

אין תיאור

בלתי־ידועלא חובה
צבע13צבע13

אין תיאור

בלתי־ידועלא חובה
צבע12צבע12

אין תיאור

בלתי־ידועלא חובה
צבע11צבע11

אין תיאור

בלתי־ידועלא חובה
צבע10צבע10

אין תיאור

בלתי־ידועלא חובה
צבע9צבע9

אין תיאור

בלתי־ידועלא חובה
צבע8צבע8

אין תיאור

בלתי־ידועלא חובה
צבע7צבע7

אין תיאור

בלתי־ידועלא חובה
צבע6צבע6

אין תיאור

בלתי־ידועלא חובה
צבע5צבע5

אין תיאור

בלתי־ידועלא חובה
צבע4צבע4

אין תיאור

בלתי־ידועלא חובה
צבע3צבע3

אין תיאור

בלתי־ידועלא חובה
צבע2צבע2

אין תיאור

בלתי־ידועלא חובה
צבע1צבע1

אין תיאור

בלתי־ידועלא חובה
כיתובכיתוב

אין תיאור

בלתי־ידועלא חובה
תווית1תווית1

אין תיאור

בלתי־ידועלא חובה
תווית2תווית2

אין תיאור

בלתי־ידועלא חובה
תווית3תווית3

אין תיאור

בלתי־ידועלא חובה
תווית4תווית4

אין תיאור

בלתי־ידועלא חובה
תווית5תווית5

אין תיאור

בלתי־ידועלא חובה
תווית6תווית6

אין תיאור

בלתי־ידועלא חובה
תווית7תווית7

אין תיאור

בלתי־ידועלא חובה
תווית8תווית8

אין תיאור

בלתי־ידועלא חובה
תווית9תווית9

אין תיאור

בלתי־ידועלא חובה
תווית10תווית10

אין תיאור

בלתי־ידועלא חובה
תווית11תווית11

אין תיאור

בלתי־ידועלא חובה
תווית12תווית12

אין תיאור

בלתי־ידועלא חובה
תווית13תווית13

אין תיאור

בלתי־ידועלא חובה
תווית14תווית14

אין תיאור

בלתי־ידועלא חובה
תווית15תווית15

אין תיאור

בלתי־ידועלא חובה
תווית16תווית16

אין תיאור

בלתי־ידועלא חובה
תווית17תווית17

אין תיאור

בלתי־ידועלא חובה
תווית18תווית18

אין תיאור

בלתי־ידועלא חובה
תווית19תווית19

אין תיאור

בלתי־ידועלא חובה
תווית20תווית20

אין תיאור

בלתי־ידועלא חובה
תווית21תווית21

אין תיאור

בלתי־ידועלא חובה
תווית22תווית22

אין תיאור

בלתי־ידועלא חובה
תווית23תווית23

אין תיאור

בלתי־ידועלא חובה
תווית24תווית24

אין תיאור

בלתי־ידועלא חובה
תווית25תווית25

אין תיאור

בלתי־ידועלא חובה
תווית26תווית26

אין תיאור

בלתי־ידועלא חובה
תווית27תווית27

אין תיאור

בלתי־ידועלא חובה
תווית28תווית28

אין תיאור

בלתי־ידועלא חובה
תווית29תווית29

אין תיאור

בלתי־ידועלא חובה
תווית30תווית30

אין תיאור

בלתי־ידועלא חובה
אחראחר

אין תיאור

בלתי־ידועלא חובה