עזרה:שכבות

שגיאות פרמטריות בתבנית:לשכתב
פרמטרי חובה [ נושא ] חסרים

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

המכלול תומך בשכבות (תגי div). שכבות הן מעין חלוניות עצמאיות המסוגלות להכיל מידע. קל לראות בהן מעין טבלה עם תא יחיד. יתרונן על פני הטבלאות הם בניידותן וגמישותן: ניתן למקם אותן בכל מקום בעמוד ולעצב אותן בעיצובים שונים ומגוונים; ניתן ליצור שכבות מקוננות, שאחת מכילה את האחרת; ניתן ליצור שכבות בתוך טבלאות, טבלאות בתוך שכבות. במכלול נהוג להשתמש בשכבות ליצירת רשימות ניווט, ליצירת הודעות מערכת, ליצירת תיבות מידע, ליישור מידע לשמאל וליצירת פורטלים. בעבר היה נהוג להשתמש בשכבות בעת בניית גרפים, ואולם כיום עדיף להשתמש בתגי timeline; ראו כאן מידע נוסף.

ראו גם קטגוריה:תבניות עריכה לרשימת תבניות רלוונטיות.

אין לך הודעה חדשה.

אולי מחר...

תחביר

השכבה נבנית באמצעות שני תגי HTML:

<div> - תג הפתיחה
</div> - תג הסגירה

עיצוב ומיקום השכבה נעשים באמצעות הגדרת מאפיינים ותכונות בתוך התג הראשון. הקוד מבוסס על CSS. התכונות העיקריות הן id ,class ו-style, לדוגמה:

<div id="toc">
<div class="usermessage">
<div style="background-color: green;">

מאפיינים

המאפיינים מוכנסים בהגדרה של מאפיין style="מאפיינים" (יש להחליף את המילה מאפיינים במאפיין הרצוי. סימני השווה והגרשיים חיוניים). כדי להגדיר מאפיין יש לציין את שמו של המאפיין (border, width וכו'), אחר כך להוסיף נקודתיים, אז את הגדרת המאפיין ולאחריו את הסימן נקודה-פסיק(;).

תיאור	תכונה	מאפיינים	ברירת מחדל	הערות
תצוגה	display	מוסתר - none block - הצגה כבלוק	אין
רוחב שכבה	width	auto או אחוזים או יחידות מידה	auto	אין
גובה שכבה	height	auto או אחוזים או יחידות מידה	auto	אין
גלישה	overflow	אוטומטית - auto		משמש ליצירה של סרגלי גלילה
גופן	font	סגנון, גודל, שם	לפי הדפדפן	לדוגמה: italic normal bolder 12pt Arial. ניתן להשתמש גם בתבנית {{עיצוב גופן}}
ישור טקסט	text-align	שמאל - left ימין - right מרכז - center מיושר לשני הצדדים - justify	right	אין
גובה שורה	line-height	אחוזים או יחידות מידה	normal	אין
מסגרת	border	רוחב, סגנון, צבע	אין מסגרת	לדוגמה: 3px solid green. ניתן להוסיף מקף וצד כלשהו (כגון left) לשם התכונה כדי להגדיר מסגרת של צד אחד בלבד.
סגנון מסגרת	border-style	ללא - none מקווקו - dashed מנוקד - dotted קשיח - solid שני קווים - double (לפחות 3px רוחב)	none	אין
צבע מסגרת	border-color	צבע	white	אין
שוליים	margin	יחידות מידה או auto	0	התכונה מקבלת עד ארבעה מאפיינים: שוליים עליונים, ימניים, תחתונים ושמאליים - בסדר הזה. לדוגמה, 4px 7px 4px 7px. אם רק מאפיין אחד ניתן, הוא משמש לקביעת כל הצדדים. לדוגמה: 0.5em. ניתן להוסיף מקף וצד כלשהו (כגון left) לשם התכונה כדי להגדיר שוליים של צד אחד בלבד.
מרווח	padding	אחוזים או יחידות מידה	0 (ברירת המחדל של טבלה היא 1)	התכונה מקבלת עד ארבעה מאפיינים: מרווח עליון, ימני, תחתון ושמאלי - בסדר הזה. לדוגמה, 4px 7px 4px 7px. אם רק מאפיין אחד ניתן, הוא משמש לקביעת כל הצדדים. לדוגמה: 0.5em. ניתן להוסיף מקף וצד כלשהו (כגון left) לשם התכונה כדי להגדיר מרווח של צד אחד בלבד.
כיוון כתיבת טקסט בשכבה	dir	ימין לשמאל - rtl שמאל לימין - ltr	rtl	אין
עמדה	position	ללא מיקום מיוחד - static מיקום יחסי - relative מיקום מוחלט - absolute	statis	אם מיקומו יחסי, ניתן להצמיד רק לימין או לשמאל, בתוך שורת הטקסט, עם התכונה float. אם מיקומו מוחלט, ניתן למקמם את השכבה בכל מיקום שיקבע בעמוד באמצעות התכונות left ו-top, אולם השכבה תצוף מעל לטקסט.
כיוון ציפה של כל השכבה	float	ימין - right שמאל - left	right	למרכוז לאמצע יש להשתמש בתכונה margin ובמאפיין auto
שמאל	left	auto או אחוזים או יחידות מידה	auto	המרחק מהשול השמאלי של הדף. יש להשתמש בתכונה זו רק בעת השימוש בתכונה position
עליון	top	auto או אחוזים או יחידות מידה	auto	המרחק מהשול העליון של הדף. יש להשתמש בתכונה זו רק בעת השימוש בתכונה position
צבע טקסט	color	צבע	שחור	דוגמה: טקסט בצבע כתום. ניתן להשתמש גם בתבנית {{צבע גופן}}
צבע רקע	background-color	צבע	white	דוגמה: טקסט ברקע ורוד

סגנונות מובנים (id ,class)

סגנונות

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

דוגמה לסגנון כזה הוא סגנון:

toccolours

אשר מקביל להגדרה:

div style="border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; font-size: 95% ;"

שם	תוצאה	כתיבה	הערה
class=toccolours	טקסט טקסט טקסט טקסט טקסט	<div class="toccolours"> טקסט טקסט טקסט טקסט טקסט </div>
class=usermessage	טקסט טקסט טקסט טקסט טקסט	<div class="usermessage"> טקסט טקסט טקסט טקסט טקסט </div>	שונה קצת, משום שזהו class ולא id. אבל אין הבדל בדרך שבה צריך להשתמש. לקוח מתוך ההודעה "יש לך הודעות חדשות.."
id=footer	טקסט טקסט טקסט טקסט טקסט	<div id="footer"> טקסט טקסט טקסט טקסט טקסט </div>	השורה בתחתית כל דף עם הקישורים "אודות המכלול", "הבהרה משפטית" וכדומה
class=pBody	טקסט טקסט טקסט טקסט טקסט טקסט	<div class="pBody"> טקסט טקסט טקסט טקסט טקסט טקסט </div>	זהו class ולא id אבל אין הבדל בדרך שבה צריך להשתמש. לקוח מתוך תיבת הניווט בצד ימין.

דוגמאות

הסבר

קוד

תוצאה

יישור לשמאל

Murmur - 1983
Reckoning - 1984
Fables of the Reconstruction - 1985
Lifes Rich Pageant - 1986
Dead Letter Office - 1987

</div>

Murmur - 1983
Reckoning - 1984
Fables of the Reconstruction - 1985
Lifes Rich Pageant - 1986
Dead Letter Office - 1987

המטרה בדוגמה זו ליצור שכבה פשוטה בעלת גבול מקווקו שתהיה צמודה לשמאל

<div style="width: 121px; height: 121px; border: 1px dashed blue; float: right" > ניסיון</div>

ניסיון

זרימת טקסט מסביב לשכבה

אחת שתיים שלוש אני אחשוורוש <div id="layer1" style="width:141px; height: 141px; border: 1px dashed blue; float: left" > ניסיון</div> ארבע חמש שש אני מלכת אסתר

אחת שתיים שלוש אני אחשוורוש

ניסיון

ארבע חמש שש אני מלכת אסתר

המטרה בדוגמה זו ליצור שכבה בגודל של רבע תא ברקע אפור שתהיה צמודה לימין

<div id="layer2" style="width:50%; height: 50%; border: 3px dashed blue; float: right; background-color: #808080" > ניסיון</div>

ניסיון

שימוש בשכבה במיקום מוחלט, באמצעות position: absolute; אפשר להגיע בשיטה כזו לכל מקום בעמוד.

<div id="layer3" style="position: absolute; width: 50%; height: 60px; border: 1px dashed blue; " > ניסיון</div>

ניסיון

תמונת רקע בתוך השכבה (משום מה לא עובר קומפילציה של המכלול)

הוספת סרגל גלילה באמצעות תכונת - overflow

<div style="border: 1px dashed blue; height: 100px; width: 141px; overflow: auto"> http://upload.wikimedia.org/wikipedia/he/4/42/Inbal-workshop.jpg מי יודע מדוע ולמה לובשת הזברה פיג'מה מי יודע מדוע ולמה לובשת הזברה פיג'מה;</div>

http://upload.wikimedia.org/wikipedia/he/4/42/Inbal-workshop.jpg מי יודע מדוע ולמה לובשת הזברה פיג'מה מי יודע מדוע ולמה לובשת הזברה פיג'מה;

גרפים - שימוש בשכבות שמייצגות גרפים בתוך טבלת ויקי

{| border="1" align="center"
|- valign="bottom" align="center"
| <div style="border-style:outset; height: 25px; width: 41px; right: 656px; top: 109px; background-color: #6699FF" > <p align="center"> 47</p> </div>
| <div style="height: 114px; border-style:outset; border-width:5px; width: 41px; right: 424px; top: 46px; background-color: #00CC99" > <p align="center"> 214</p> </div>
| <div style="height: 51px; border-style:outset; width: 41px; right: 540px; top: 112px; background-color: #008080; padding-left:-5px" > <p align="center"> 97</p> </div>
|-
| 2000
| 2001
| 2002
|-
|}

47	214	97
2000	2001	2002

גרף אנכי - שימוש מקונן - שלוש שכבות בתוך שכבה אחת

47

214

97

טבלה בתוך שכבה

<div style="height: 25px; border-style:outset; width: 74px; right: 540px; top: 112px; background-color: #008080" > <p align="center">
{| border=1
| שנת 2000
| שנת 2001
| שנת 2002
|}

שנת 2000

שנת 2001

שנת 2002

גרף בתוך שכבה; יתרונו שגובה העמודים כתוב באחוזים

47

88

97

50

33

דוגמה לגרפים במכלול

כותרת הגרף
47	207	452	214	97	${\begin{bmatrix}500\\450\\400\\350\\300\\250\\200\\150\\100\\50\\0\end{bmatrix}}$
שנת 2000	שנת 2001	שנת 2002	שנת 2003	שנת 2004	מספר

דוגמה לתצוגת ערך בשכבה נגללת

הדף עזרה:בינוויקי מופיע בשלמותו בחלונית ו"נשאב" באמצעות התצורה הבאה:

<div style="border: 1px dashed blue; height: 150px; width: 75%; overflow: auto">
{{עזרה:בינוויקי}}
</div>

והתוצאה:

קרן ויקימדיה (באנגלית: The Wikimedia Foundation) הוקמה בעקבות התרחבות מיזם ויקיפדיה, וכיום היא מפעילה מספר מיזמי ויקי, בהם: ויקיפדיה, ויקימילון, ויקיציטוט, ויקיספר, ויקיטקסט, ויקיחדשות, ויקיברסיטה, ויקימינים, ויקימסע וויקישיתוף. כל אחד מהמיזמים האלה פעיל בכמה שפות. בנוסף תומכת הקרן בפיתוח תוכנת מדיה-ויקי שעל-גביה פועלים כל אתרי הקרן.

בדף זה מופיעות הנחיות ליצירת קישורים למיזמי ויקימדיה אחרים בשפות השונות.

הנחיות ליצירת קישורים למיזמי ויקימדיה

קישור לכל אחד מן המיזמים הללו נעשה בצורה קלה מאוד, בדומה לדרך בה נכתבים קישורים בין-לשוניים (interwiki). למעט מספר יוצאים מן הכלל (שיתוארו בהמשך), התחביר נעשה בצורה הבאה:

[[קידומת המיזם:קידומת השפה:שם הדף|שם הקישור]]

"קידומת המיזם" לוויקיפדיות היא האות "w". למיזמים אחרים יש אותיות אחרות: לוויקיציטוט "q", לוויקיטקסט "s" כן הלאה. רשימת הקידומות נמצאת בהמשך. כך למשל, ציטוטים של וויליאם שקספיר בוויקיציטוט העברי יופיעו ב:[[q:he:ויליאם שייקספיר|ציטוטים של שייקספיר]]: ציטוטים של שייקספיר.

קידומת השפה זהה לקידומת בה משתמשים בקישורים בין-לשוניים: en - אנגלית, de - גרמנית וכדומה.

הערות:

אין חובה למלא את שם הקישור יחד עם ה-|. אם משאירים שטח זה ריק, הקישור יוצג על ידי נתוני הקישור כולל הנקודתיים, דבר שרצוי להימנע ממנו.
אין חובה למלא את שם הדף. אם משאירים שטח זה ריק, הקישור יוביל לדף שנקבע כעמוד הראשי.
כאשר הקישור הוא למיזם בשפה העברית, אין צורך למלא את קידומת שפה.
באתרי ויקי בהם אין גרסאות שפה שונות (כגון מטא-ויקי), אין צורך למלא את קידומת שפה.
לא קיימת, נכון לעכשיו, דרך לקשר לוויקי הכספים של ויקימדיה. יש להסתפק ב־URL, אך גם כך אין צורך מיוחד להשתמש באתר, שכן רוב הדפים בו חסויים.
לויקיטקסט קיימות מספר תבניות מיוחדות. ראו קטגוריה:תבניות המקשרות לוויקיטקסט.

רשימת הקידומות

מיזם	שם ארוך	שם קצר	קישור למיזם העברי (יש להחליף את ה-X בשם הערך)
ויקיספר	wikibooks	b	[[b:X]]
מטא-ויקי	metawiki או meta	m
מדיה-ויקי	mediawikiwiki	mw
קרן ויקימדיה	wikimedia או foundation	wmf
ויקיחדשות	wikinews	n	[[n:X]]
ויקיציטוט	wikiquote	q	[[q:X]]
ויקיטקסט	wikisource	s	[[s:X]]
ויקיפדיה	wikipedia	w	[[w:X]]
ויקימילון	wiktionary	wikt	[[wikt:X]]
ויקישיתוף	commons	c
ויקימינים	wikispecies או species	אין
ויקינתונים	wikidata	d
ויקימסע	wikivoyage	voy
ויקיברסיטה	wikiversity	v	עדיין אין מיזם עברי

ראו רשימת קודים לקישורים נוספים

דוגמאות

דוגמה לקישור למיזם ויקיפדיה העברית

דוגמה, קישור לדף "אלברט איינשטיין" בוויקיפדיה העברית יעשה כך:

[[w:he:אלברט איינשטיין]]

והתוצאה תראה כך: w:he:אלברט איינשטיין

ניתן לעשות קוסמטיקה לקישור:

[[w:he:אלברט איינשטיין|אלברט איינשטיין]]

והתוצאה תראה כך: אלברט איינשטיין

דוגמה לקישור למיזם אחר של ויקימדיה

לדוגמה, קישור לדף "אלברט איינשטיין" בוויקיציטוט יעשה כך:

[[q:אלברט איינשטיין]]

והתוצאה תראה כך: q:אלברט איינשטיין

ניתן לעשות קוסמטיקה לקישור:

[[q:אלברט איינשטיין|ציטוטי אלברט איינשטיין]]

והתוצאה תראה כך: ציטוטי אלברט איינשטיין

דוגמה לקישור לשפה אחרת

כעת נדגים כיצד ליצור קישור לערך "Dog" בוויקיפדיה האנגלית: ‎[[:w:en:Dog]]‎. ייתכן שבעת שתכתבו קישור זה בתיבת הטקסט בדף העריכה, הדפדפן יעביר את הנקודתיים הראשונות לסוף עקב בעיית הדו-כיווניות. כדי לוודא שכתבתם את הקישור בצורה הנכונה, ניתן להעביר את תיבת הטקסט לכיוון כתיבה משמאל לימין באמצעות Ctrl + Shift השמאליים. העברה חזרה נעשית באמצעות צירוף מקשים דומה, אבל ימניים. בכל מקרה, תוצאתו של קוד זה היא: w:en:Dog. ניתן כמובן להוסיף קו אנכי וכותרת: ‎[[:w:en:Dog|Cute dog]]‎, שתוצאתו: Cute dog.

ראו גם

תבנית:מיזמים
{{קידומת מיזם}}
הנחיות לקישור בין דפים באותו נושא בשפות שונות ניתן למצוא בעזרה:בינוויקי.
{{אנ}}

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

הדף באדיבות ויקיפדיה העברית, קרדיט,
רשימת התורמים
רישיון cc-by-sa 3.0

עזרה:שכבות

תוכן עניינים

תחביר

מאפיינים