-
תגובות
-
מאיזושהי סיבה div.container מתייחס לא רק לבר הניווט העליון, אלא גם לחלקים מה-BODY בדף הבית.
זה לא הגיוני ולא סביר, כי לא יכולה לבחור צבע ספציפי לבר ניווט, כמו שכן אפשר לעשות בבר ניווט עליון, איפה שיש אייקונים של רשת חברתית וכו'.
חסר סקשיין נפרד בקיצור, אנא עזרתכם הדחופה.תודה רבה!
תגובה זו סומנה כפרטית.דבר נוסף, חשוב לא פחות:
אני רוצה לשנות את הצבע ב-a:hover כשעומדים על קישור בבר ניווט (קטגוריה/ דף מסוימים)
אפשר לראות באתר שלנו, אם תעמדו על איזושהי קטגוריה בבר ניווט ראשי, היא משתנה ויש לה BORDER במקום צבע רקע,
אבל הוא גדול מדי, ולא תואם את גודל הכפתור של הקטגוריה. איך מטפלים בזה? ניסיתי לשנות ב-CSS ב-2 דרכים, וזה עדיין לא תקין:#header .sf-menu > li.active > a > span, #header .sf-menu > li.hover-menu-item > a > span{
border: #52bac3 solid 2px;
}
.sf-menu li a:hover {
background-color: #fff;
color: #444444;
border: #52BAC3 2px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}הי,
1. ומה לגבי#header?
2. כרגע אני לא רואה בורדר. סידרת את זה?1. #header תופס את כל חלק ה-HEADER ולא רק את בר הניווט ובו הקטגוריות הראשיות.
2. אם תעמוד על קטגוריה מסוימת, נגיד שאתה נמצא בדף הבית, ואתה רק עומד עם העכבר על 'אודות', או על ה-SubMenu של 'דף הבית' שפותח את 'דף הבית1',
אתה תראה שזה לא אותו עיצוב אוטומטי ואומנם שזה מתחלף לצהוב ב-HOVER, זה לא נראה תקין. רק על הקטגוריה שבה אתה נמצא כעת (a:active) זה נראה טוב.
וגם כשמנסה ב-LIVE CSS שנמצא ב'התאמה אישית', להוסיף: padding: 6px 1.5em – שראיתי שזה העיצוב שיש ל-a:active,
כל הקטגוריות זזות וזה לא טוב. ניסיתי לעשות Inherit או Intial, ואז הקטגוריות לא זזות, אבל ה-Padding לא עובד וזה נראה כמו עכשיו.וגם ה-SubMenu משום מה עם BorderRadius, למרות שהשאר לא,
לא ברור איפה לערוך אותו…1. אם את רוצה רק לתפריט, תגדירי לקלאס הזה:
nav.nav-main { background-color: red; }2. אני צריך שתחזירי את זה למצב המקורי, כלומר שתנטרלי את כל הגדרות ה-CSS שהוספת.
3. את יכולה להוריד את זה ככה:
.sf-menu .sub-menu { -webkit-border-radius: 0; border-radius: 0; }1. הבנתי, תודה.
2. נטרלתי ושמרתי לי גיבוי, אנא עדכן לאחר ביצוע.
(עכשיו שוב יש בורדר-רדיוס לא ב-SubMenu אלא בתפריט הרגיל).3. בוצע בהצלחה:)
צבע של HOVER –
background-color: #f2cd00;צבע של Active (בו אנו נמצאים כעת)
background-color: #39C2DE;גם כשגוללים את הדף, יש הרי תפריט דביק (nav-collapse, משהו כזה)
אחרי שהצלחתי סוף סוף שכל הקטגוריות יהיו בשורה אחת, עם HOVER והכול (הקטנתי Padding מ-1.5em ל-1em)
בתפריט ניווט עליון, אז כשגללתי את הדף ראיתי שזה התחרפן….אז כמו שאמרתי בסעיף 2, עכשיו הסרתי כל מה שעשיתי ומחכה לעדכון ממך.
תודה מראש,
יחד.סליחה, עדכון.
שמתי בLIVE CSS הכי מעל, את מה שהצלחתי לסדר עד כה.
המצב הוא בדיוק מה שתיארתי, אשמח שתגיד לי מה לעשות מפה – האם להסיר או להשאיר?בואי נעשה רגע סדר.
סעיפים 1 ו-3 נפתרו?
מה נשאר לנו לסדר?
(כאמור, אם יש לך CSS שמשנה את המצב הדיפולטיבי של התפריט – נטרלי אותו).תגובה זו סומנה כפרטית.מה לא נפתר בסעיף 1?
אם אני רוצה לעטוף את כל הקטגוריות, זה אכן עושה זאת – אך לא הצלחתי למצוא דרך להקטין את ה-PADDING של זה.
זה הכי פחות דחוף וזה שינוי שאולי לא נצטרך, אם נצליח לסדר את a:active ו-a:hover – בבר ניווט הראשי.
הבעיה היא איך לתפוס את כל סרגל הקטגוריות כשגוללים את הדף, באופן קצת שונה מהנ"ל, (nav collapse)תגובה זו סומנה כפרטית.תודה רבה על הכנות,
עם כל הכבוד, ויש בהחלט.אם זה היה ה-CSS לא הייתי יושבת 8 שעות למצוא פתרון 🙁
ומצאתי כבר פתרון חלקי, אבל הקלאסים וכל ה-CSS שכבר מובנה באתר,
זה שלכם. אז אני מבינה שאתם בעיקר בבעיות טכניות…אבל אולי בכל זאת –
תוכל לסייע לי עם הבעיה של התפריט הדביק, לפחות לומר לי, איך מרחיבים אותו,
או איך מוסיפים Background-color לאחת מהקטגוריות שבו?תודה מראש,
יחד1. לסטיקי הדר:
.sticky-header .sf-menu>li>a{padding: 6px 1.5em !important;}2. לצבע רקע לאחת הקטגוריות, לדוגמה לקטגוריה 'דף הבית':
.sf-menu li.menu-item-1627 a span {background-color: #2ec7e3;}
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.