00
עדכונים

מנוי במייל

קבלת עדכונים על רשומות חדשות ישירות לתיבת האמייל
יש להזין אימייל תקין על מנת להרשם לעדכונים
ברגעים אלו נשלח אליך אימייל לאישור/ביטול ההרשמה
*שים/י לב, מרגע עשית מנוי, כותב/ת הבלוג יוכל לראות את כתובת האמייל שלך ברשימת העוקבים.
X

מעברים

קוד חופשי

איך להכין רשימה זזה בבלוג

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

עקבו אחר ההוראות המופיעות ברשומה זו, ועד שתסיימו לקרוא אותה תדעו איך להכין רשימה זזה בקלות ובמהירות.

כדי להכין רשימה זזה בבלוג (marquee / scrolling ) צריך לדעת קצת קוד בסיסי, אבל ממש טיפה. אני לא מתכוונת להסביר לכם כל פקודה, מאפיין ותגית (וזה בסדר אם אין לכם מושג על מה אני מדבר) אלא רק מה עליכם לעשות כדי ליצור רשימה כזו בבלוג שלכם. 

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

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

1. במסך הניהול בבלוגיה, גשו לקוביות התוכן שלי:


2. בחרו בקוביית קוד חופשי (קובייה המאפשרת לכם לכתוב את הקוד בעצמכם, בהתאם להגבלות של תפוז. לא ניתן לדוגמה לשלב קוד פלאש מורכב) ע"י לחיצה על כפתור הוספה.

3. תנו שם לקוביית התוכן ושמרו את הקוביה (אמצו לעצמכם הרגל ותמיד שמרו כל שינוי קטן שאתם עושים).

4. כמו במסך ניהול ראשי, גם בקוביית קוד חופשי ניתן לעבור בין שני מצבים - עריכה רגילה ועריכת קוד. עברו למצב עריכת קוד ע"י לחיצה על הכפתור השמאלי ביותר בסרגל הכלים (<>).


5. אוטומוטית יופיע הסימון הזה &nbsp; שאין לי מושג מה הוא עושה. מחקו אותו, והעתיקו במקומו את הקוד הבא:

<div style="text-align: center; font-size: 18px;"> <marquee direction="up" height="100" scrollamount="1" width="160"> כתבו כאן את הטקסט המבוקש

הקוד נראה מבלוגן, אבל הוא טוב. פשוט תעתיקו אותו (CTRL+C) והדביקו (CTRL+V) בתוך קוביית הקוד החופשי.



אם הקוד הזה לא עובד אתם יכולים לכתוב אותו ידנית כפי שהוא מופיע כאן:

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

div = תגית שכבה (כמו בפוטושופ)
מאפיינים לתגית  div

  •   text-align: center- קביעת כיוון הטקסט - ימין (right) שמאל (left) ומרכז (center). בדוגמה זו השתמשתי בכיוון מרכז.

  • font-size: 18px  - קביעת גודל הגופן. בדוגמה זו השתמשתי בגודל של 18px פיקסלים, אבל אתם יכולים להקטין או להגדיל כרצונכם.

marquee = תגית תנועה
מאפיינים לתגית marquee

  •  direction=up- קביעת כיוון התנועה. בדוגמה זו הכיוון הוא מלמטה למעלה (up), אך אתם יכולים לשנות זאת מלמעלה למטה (down) מימין לשמאל (LEFT) ומשמאל לימין (RIGHT) ע"י שינוי הקוד.


  • scrollamount="1" - קובע את מהירות התנועה, כהספרה 1 היא הכי איטית וככל שעולים בספרות כך המהירות גוברת.


  • height="100" - קביעת גובה התנועה (כמו שקובעים את הגובה של טבלה, של משטח העבודה שלכם) לרוב ניתן להותיר חלק זה ריק, וכך הגובה יקבע בהתאם לתוכן.

  • width="160 - רוחה התנועה (כמו שקובעים רוחב של טבלה) כאשר שמים רשימה זזה בצד הבלוג הרוחב המקסימלי הרצוי הוא 200px.

7. עברו למסך העריכה הרגיל ע"י לחיצה נוספת על הכפתור השמאלי ביותר (<>) ושמרו. 

במצב העריכה הרגיל אתם יכולים לשנות את הצבע של הטקסט, לשלב לינקים ולהוסיף אייקונים כמו שאתם עושים בדר"כ. בכל מקרה אני אסביר גם את זה ברשומה הבאה.

8. עברו לעיצוב הבלוג ובחרו את הקובייה החדשה שזה עתה יצרתם, ומקמו אותה היכן שתרצו בבלוג. שמרו וצפו בבלוג.

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

אובליביה.

הוספת תגובה

נשארו 150 תוים
נשארו 1500 תוים

25 תגובות

דברי במספרים גברת
© כל הזכויות לתוכן המופיע בדף זה שייכות ל Oblivia אלא אם צויין אחרת