|
| 4/2007
כל מה שצריך לדעת על תיבות.
שלום שלום  הבאתי לכם מדריך לתיבות ברשימה ובפוסט [לא ראיתי הסבר לתיבה בפוסט בשום מקום אז בבקשה, לא להעתיק.]
אז..
רוצים לקבל תיבה כזו בפוסט או ברשימות בבלוג שלכם?
אין בעיה, תעקבו אחר ההוראות וגם לכם תיהיה תיבה 
בהצלחה.
תיבה ברשימות -
אם אנחנו רוצים לשים תיבה ברשימות נפעל כך :
1. נפתח רשימה חדשה > נלחץ על ערוך פריטים.
2. את הפריט הראשון נמספר בתור 0 [שיהיה הראשון ברשימה] ובכותרת הפריט נעתיק את הקוד הבא.
את הקוד יש להעתיק כך <כאן הקוד>
div style="height:200px; width:90%; background-color: ffffff; OVERFLOW: auto; border:solid 2px;"
3. אתם יכולים להוסיף פריטים נוספים לרשימה שלכם, אל תשכחו למספר אותם כדי לוודא שהם יכללו בתוך התיבה.
4. בפריט האחרון ברשימה [לנוחיותכם אתם יכולים לסמן אותו במס' 100, 500 וכו', מספרים שלא תגיעו אליהם]
נשים את הקוד הבא /div style בתוך סוגריים משולשים <כאן הקוד>
תיבה בפוסט עצמו -
ואם אנחנו רוצים לשים תיבה בפוסט נפעל כך:
1. נפתח את הפוסט שבו אנחנו רוצים לשים תיבה, ובתחילת הפוסט נשים את אותו הקוד בדיוק מהרשימות -
לשים את הקוד ככה <כאן הקוד> -
div style="height:200px; width:90%; background-color: ffffff; OVERFLOW: auto; border:solid 2px;"
נכתוב מה שנרצה, בכל אורך שנרצה מתחת לקוד וכשסיימנו נשים את הקוד הבא /div style בתוך סוגריים משולשים <כאן הקוד>
אתם יכולים לסגור בכל עת את התיבה בפוסט ולהמשיך לכתוב בצורה רגילה.
התאמת הקוד לפי רצונינו:
הקוד שלנו מחולק לקטעים שונים עליהם אנחנו יכולים לשלוט עפ"י רצונינו, בחלק הזה אני אסביר בדיוק מהו כל חלק ואיך משנים אותו. אז הנה הקוד החמוד שלנו ^^ :
div style="height:50px; width:80%; background-color: c0c0c0; OVERFLOW: auto; border:solid 2px green"
החלקים הצבועים והמודגשים הם החלקים אותם אתם יכולים לשנות, אז בואו נתחיל לפי הסדר -
א. height:50px - זה הגובה/אורך של התיבה שלנו. ככל שהמספר יהיה גדול יותר התיבה תיהיה ארוכה יותר, ולהיפך.
על מנת לשנות את הגובה פשוט תשנו את המספר המודגש באדום, אז תשחקו עם המספרים עפ"י רצונכם, אין גובה מומלץ.
ב. width:80% - זהו הרוחב של התיבה שלנו, ככל שהמספר גדול יותר התיבה רחבה יותר <>, ולהיפך.
על מנת לשנות את רוחב התיבה תשנו את המספר המודגש בכחול.
ג. color: c0c0c0 - זהו צבע הרקע של התיבה שלנו. את הקוד אתם יכולים להשיג באתרים עם טבלאות צבעים שונות [כמו זה] או שאפשר לקחת את הצבעים מעיצוב הבלוג. שימו לב שאמור להיות רווח בין קוד הצבע למילה COLOR.
ד. border:solid - זהו סוג המסגרת של התיבה שלנו, בהמשך הפוסט ניתן את כל המסגרות האפשריות.
ה. 2px - זהו עובי המסגרת שלנו, תשנו את המספר עפ"י טעמכם. ככל שהמספר גדול יותר המסגרת עבה יותר, ולהיפך.
ו. green - זהו הצבע של המסגרת. לעומת צבע הרקע, את צבע המסגרת קובעים במילים.
red, green, yellow. balck וכו'.. אם אתם צריכים עזרה אז תפנו אלינו.
מסגרות שונות -
אז כמו שהסברתי בסעיף הקודם, יש אפשרויות שונות למסגרת התיבה.
על מנת לשנות את סוג המסגרת תקראו את סעיף ד' למעלה.
והנה כל סוגי המסגרות הקיימות -
א. מסגרת רגילה, קו אחד - solid -
ב. מסגרת מוכפלת, שני קווים - double -
שימו לב, עדיף שרוחב המסגרת יהיה גדול יותר מ5 אחרת זה לא יעבוד.
ג. מסגרת מקווקוות - dashed -
ד.מסגרת בולטת כלפי חוץ - ridge -
ה. מסגרת "בולטת" כלפי פנים - inset -
ו. עוד סוג של מסגרת בולטת כלפי חוץ - outset
ז. מסגרת מנוקדת - dotted
ח. מסגרת כמעט שקופה - groove
ט. ויש אפשרות של ללא מסגרת שנקראת none, פשוט שיהיה לכם סרגל שתוכלו לקרוא את הטקסט, ללא מסגרת.
אנחנו לא יכולים להביא תמונה של זה, אבל כדי להשתמש במסגרת הזו רוחב המסגרת חייב להיות 0!
הערה חשובה: שימו לב, לא כל המסגרות יעבדו לכם בפוסט עצמו, כולם עובדות ברשימות! אז אם לא עובד תבחרו אחרת.
זהו, כאן בא לסיומו פוסט שהשקעתי בו בערך 3 שעות.
אני מאוד מקווה שהוא יעזור לכם ולילדכם, חח סתם 
אוהבים אתכם המון.
| |
|
בכל הבלוגים
שם בלוג/בלוגר
כינוי: