חיפוש |
חיפוש לפי תגית: cssפתיחת תפריט בלחיצה על הלחצן הימנילעיתים אנו רוצים להוסיף פונקציות קבועות בלחיצה על הלחצן הימני, שיחליפו את התפריט הקבוע של windows. המאמר מסביר בפשטות כיצד לעשות זאת בעזרת JS בצד הלקוח.שכבה עם פסי גלילהלעיתים אנו רוצים להציג טקסט ארוך בדף, אך לא מעוניינים שהדף יהיה ארוך מידי, אלא שהטקסט יוצג במקום המיועד לו, ורק בו יהיו פסי גלילה. מאמר זה מגדים כיצד לעשות זאת באמצעות CSS. יצירת תפריט 'פופ-אפ'במאמר זה אדגים ואסביר איך לבנות תפריט דינאמי פשוט ב javascript אין צורך בידע גדול או בנסיון עשיר בJavascript ,CSS או HTML, אבל דרוש לפחות ידע בסיסי. ''אפקט הצללה ללא שימוש בתמונה נוספתאחת השאלות הנפוצות ביותר בפורומים היא "איך מדמים צל של תמונה" אחת הטעויות הנפוצות היא הנסיון לעשות זאת באמצעות תמונה נוספת, כשאפשר בעצם לעשות את זה באמצעות CSS.''download behaviorהרבה פעמים נשאלת בפורומים השאלה "איך אני יכול לעדכן או לשלוף מידע מבסיס הנתונים מבלי לרענן את הדף"? מכיוון שעדכון בסיס נתונים נעשה בצד השרת, והשרת בעצם סיים כבר את פעולתו כאשר הדף מוצג ללקוח, לא ניתן לעשות זאת ללא פניה נוספת לשרת. אבל אין זה אומר שחייבים לרענון את הדף. שתי הטכניקות הנפוצות לביצוע מטרה זו הן שימוש ב-XMLHTTP, או ב-download behavior. במאמר זה נדגים את השימוש בשיטה השניה - download behavior.מעברי עמוד בהדפסהלפעמים, במקרים מסויימים, יש לגולשים צורך להדפיס דפים מהאתר שלנו, תכונות ההדפסה בcss מאפשרות להגדיר מעברי עמוד מוגדרים, במקומות הרצויים.נצפה 3694 פעמים, פורסם ע"י תומר המאסטר על חשיבה CSSית ובניית אתריםאחת הבעיות שיש לאנשים במעבר ליצירת אתר מבוסס css לחלוטין (ללא טבלאות) היא שיטת החשיבה השונה. ביצירת אתר טבלאי, מתחילים בדרך כלל בשרטוט "גריד" אותו ממלאים בתכנים.להתחיל מההתחלההגעת להחלטה שאתה רוצה לבנות אתר. אתה מאוד מתלהב מהחלטה זו אבל אינך יודע מאיפה להתחיל ? הגעת למקום הנכון :-). במאמר זה אני אסביר מאיפה מתחילים, מי נגד מי וכל מה שאתה באמת צריך לדעת כשאתה מתחיל לבנות אתר. ''''תפריט נפתח ב-CSSבעבר, כשרצינו לבנות "תפריט נופל" היינו צריכים לדעת גם JavaScript. אך לא עוד, כיום אנו יכולים להשתמש אך ורק ב-CSS על-מנת לבנות את התפריט. כל מה שאנו צריכים לעשות הוא להשתמש ב-Pseudo Class. השימוש הנפוץ ביותר שלו הוא בקישורים. '''נצפה 17920 פעמים, פורסם ע"י Silver Strike מדריך CSS - הקדמהבתרגום מאנגלית Cascading Style Sheets הם גיליונות סגנון מדורגים. סגנונות הקובעים כיצד יוצגו האלמנטים של HTML בכל המדית השונות. סגנונות אלו מאפשרים למתכנת ה-WEB לעצב דפים בנוחות לרוחב היישום כולו. מעצבים מקצועיים משתמשים בקווי עיצוב מוגדרים מראש אותם הם בוחרים לפרוייקטים שלהם. דפוסי עיצוב אלה מלווים את הפרוייקט מתחילתו ועד סופו ומקנים לו זהות, אופי וסגנון. אל תטעו, אין מדובר כאן בתוכן כלל. ישנה הפרדה מוחלטת בין קו עיצובי לבין תוכן. CSS מאפשר למעצב לקבוע כיצד יוצג כל אלמנט בדף HTML, כיצד תשמע המוסיקה או הדיבור, כיצד יראה הדף המודפס וכו'. גליונות סגנון הם הכלי האולטימטיבי לאפיון, עיצוב ועימוד תכני HTML.מדריך CSS - הגדרת סיגנוןהדרכים השונות לקביעת סגנוןמדריך CSS - יבוא קובץ CSS חיצוניאת קובץ הטקסט הזה שומרים עם סיומת CSS. כדי שדף הHTML שלך ידע לקבל הגדרות CSS שהגדרת בקובץ חיצוני צריך לייבא קובץ CSS לתוך דף הHTML שלך. זאת עושים באחת משתי דרכים: קישור באמצעות תגית <link>, או יבוא באמצעות הפקודה @import בתוך תגית <style>.מדריך CSS - מרכיבי השפהלגיליונות סגנון, בין אם מדובר בחיצוניים או פנימיים, (לא inline) יש תחביר מאוד פשוטמדריך CSS - מדיהאם מדובר בקובץ CSS חיצוני אחד בלבד, אין כל הבדל. אם מדובר ביותר מקובץ אחד, והכללתם נעשתה בשיטת <link>, הדפדפן ישאל את המשתמש באיזה קובץ הוא רוצה להשתמש ומהשני הוא יתעלם לחלוטין.מדריך CSS - הגדרות סגנון קונטקסטואליותניתן להגדיר סגנון לתגיות לפי מיקומן בתוך תגיות אחרות, למשל. אם לטבלה שלנו יש רקע כחול ואנו רוצים שלינקים (<a>) בתוך הטבלה יהיו בעלי צבע שונה, נוכל להגדיר את צבעם.מדריך CSS - תתי-אלמנטיםקיימים בדף HTML מספר אלמנטים שאי-אפשר להגדיר בתוך תגית מסוימת, כגון: אות ראשונה בפסקה או שורה ראשונה.מדריך CSS - ערכי תכונות הסגנוןישנם חמישה סוגים של ערכים שניתן לתת למאפייני הסגנוןמדריך CSS - גופניםתכונות של פונטים (גופנים) נחלקים לשבעה, מאמר זה מפרט מה הם.מדריך CSS - צבעים ורקעיםלכל אלמנט בדף HTML יש רקע(background) וקידמה(foregound), ולכל אחד מהם יש צבע. סגנונות הצבעים והרקע שולטים בתכונות אלה ומעצבים אותם לפי רצונך.נצפה 18206 פעמים, פורסם ע"י orimagic מדריך CSS - תכונות של טקסטתכונות טקסט מגדירות כיצד טקסט ממוקם בדף וכיצד הוא מוגש למשתמש.נצפה 16967 פעמים, פורסם ע"י orimagic מדריך CSS - תכונות תיבההאלמנטים של HTML נמצאים כולם בתוך תיבה מרובעת. בעזרת התכונות המוסברות כאן תוכל לשלוט במראה, במיקום ובגודל של התיבות הללו.מדריך CSS - גבולותלגבולות ישנם מספר תכונות הניתנות לשינוי - צבע, עובי וסגנון. לכל אחת מפאות האלמנט -מעלה, מטה, ימין ושמאל - ניתן לקבוע גבול בצבע, עובי וסגנון שונים. תכונות של גבול אינן באות בירושה וצריך לציין אותן עבור כל אלמנט שרוצים עבורו גבול.מדריך CSS - תכונות עימודכאשר בדף HTML יש תמונה או טבלה שיש להם align=left או align=right, וקיים טקסט חופשי, בפסקה למשל, הטקסט זורם מסביב לאלמנט וממשיך. אם מוסיפים לפסקה את התכונה clear, ניתן לשנות את הדרך שבה מציג הדפדפן את תוכן הפסקה. ברירת המחדל היא none. אולם אם תכתוב את אחד הערכים: left, right או both הפיסקה תיכתב רק בסיום האלמנט הממוקם מצד ימין, שמאל או שניהם בהתאמה.מדריך CSS - רשימותאפשר באמצעות גליונות סגנון לעצב את המראה של פריטים ברשימות. דפדפנים מתייחסים לרשימות כמו כל בלוק אחר של טקסט, פרט לעובדה שלבלוק זה יש מקדם מסוג מסויים כגון מספור (במקרה של OL) או סימון/תבליט (במקרה של UL). את הצורה והמיקום של אלה תוכלו לעצב בCSSמדריך CSS - תכונות CSS אחרותכל אלמנט בBODY יכול להיות גלוי או מוסתר. התכונה visibility מאפשרת למתכנת להעלים מהעין דברים מסוימים שלא רוצים שהמשתמש יראה. ערכים אפשריים הם hidden וכן visible. הדפדפן שומר מקום עבורם אבל לא מציג אותם אם נבקש ממנו יפה, כךמדריך CSS - פילטרים ומעבריםלאקספלורר של מיקרוסופט יש, מאז גירסה 5.5, את התכונה המדהימה הנקראת filter. אשר בעזרתה ניתן ליצור אפקטים שובי עין. ישנם סוגי פילטרים רביםמדריך CSS - הדפסההתכונות page-break-before או page-break-after, מאפשרים לקבוע את מעבר הדףמדריך DHTML - שינוי עיצוב ו-CSSאז איך אנחנו גורמים לתגית ב-HTML לשנות את הערכים של העיצוב (CSS) שלה?אפשר פשוט לפנות אליה בשם שלה ולהגיד לה בקשר לעיצוב שלה, אז נאמר שבא לנו להחליף לה צבע (סתם ככה) אז שתחליף את הצבע שלה לאיזה צבע שבא לנו, למשל: אדום. |