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

מתוך ויקיפדיה, האנציקלופדיה החופשית
קפיצה לניווט קפיצה לחיפוש

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


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

ניתן לפרט תוויות ואחוזים עד ל-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

אין תיאור

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

אין תיאור

בלתי־ידועלא דרוש