תגיות: Buzz
-
מאתתגובות
-
30/12/2015 בשעה 22:39 #41867
שלום
אני רק בהתחלת העבודה אבל אחלה תבנית – המון אפשרויות, נקי ונראה טוב, כל הכבוד.
מספר שאלות שלא הצלחתי לפתור לבד:
1. איך מצמצמים מרווח בין פריטי תפריט? ניסיתי את זה:
.sf-menu > li {margin: 0 0px;}
אך זה עזר רק חלקית..
2. איך מרחיבים את תפריט המשנה שיורד מהתפריט הראשי?
3. במובייל כל הפריטים שנמצאים בתפריטי משנה (רמה ראשונה או שניה) מוצגים תמידית, זה ממש לא נראה טוב – רשימה ארוכה של עמודים, איך קובעים שהם יקובצו כמו בהצגה בדסקטופ?
4. אך מקטינים את אייקון הנגישות?
5. איך קובעים שהסטיקי Header לא יהיה סטיקי במובייל?
6. איך ממרכזים את אייקוני השיתוף?ודבר אחרון – למה צריך את תוסף הSIDEBARS? הם לא יפעלו אם לא אשתמש בו?
תודה תודה
לילה טוב31/12/2015 בשעה 12:06 #41911בוקר טוב,
1. ניתן באמצעות הקוד הבא:
.sf-menu li{padding: 0 1em;}
2. באמצעות הקוד הבא:
.sf-menu ul{width: 15em;}
3. לצערי אין כרגע אפשרות מובנית להגדיר את זה, אך אתה יכול באמצעות קצת CSS לתת לתתי קטגרויות צבע אחר או הדגש אחר.
אנחנו עובדים על פיתרון לזה, אבל זה לא משהו בזמן הקרוב כל כך.
4. אפשר באמצעות הקוד הבא:
.fa-wheelchair:before{font-size:10px;}
5. כאשר מגדירים בהתאמה אישית שיופיע הסטיקי הדר, זה מופיע בכל המסכים ואין אפשרות מובנית להסתיר אותו במסך אחד.
אבל ניתן לעשות את זה באמצעות הקוד הבא:
@media (max-width:768px) { .sticky-header{display:none !important;}}
6. `div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy{
margin-right:50px;}`7. תוסף הסיידברים הוא כדי ליצור סיידבר חדש מותאם אישית.
31/12/2015 בשעה 18:29 #42029סחתיין עליכם!
1. מעולה.
2. מעולה.
3. עצוב 🙁 (זמנית).
4. עובד, רק שהוא עושה את הריבוע 'מלבני' ולא ממורכז, אבל זה מספיק טוב.
5. לגבי 5 – עשה בלאגן גדול בנייד, יש משהו אחר?
6. מממ. לא מספיק טוב כי בעמודים עם SIDEBAR האייקונים לא מוצגים. בנוסף – בנייד בכלל לא מוצג טוב. אין יכולת פשוט להגיד לו למרכז ללא קשר לרוחב העמוד?שאלה חשובה נוספת – איך מרחיבים את אזור התוכן של האתר על חשבון הסיידבאר הנדיב (מדי)? ניסיתי את כל הקודים שנתתם בפורום וזה לא עבד לי…
(או אם אי אפשר – איך מרחיבים ולא על חשבונו?)תודה תודה
סופ"ש נעים POJO01/01/2016 בשעה 10:06 #420975. לצערי אין דרך קסם אחרת
6. תשתשמש בקוד הזה במקום הקודם (תוריד אתה margin), זה יסתדר:
div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { text-align: center; } body.rtl div.sharedaddy .sd-content li { float: none; display: inline-block; }
7. איזה קוד ניסית בדיוק?
01/01/2016 בשעה 11:18 #421127. ניסיתי:
@media (min-width: 980px) { .container { max-width: 1170px !important; } }
אני בעיקר רוצה להרחיב במעט את אזור התוכן (בלי לוותר על השוליים שגם ככה צרים בינו לסיידבאר).
03/01/2016 בשעה 10:13 #42166תוכל להפנות אותי לעמוד אצלך עם סיידבר?
03/01/2016 בשעה 11:32 #42189ממ…
כרגע אין כי רציתי קודם לשלוט קצת ברוחב התוכן והסרגל, אבל הנה אחד זמני לצורכי בדיקה.
תודה, שבוע טוב03/01/2016 בשעה 12:27 #42209אפשר רק להרחיב קצת על חשבון הסיידבר, נסה להכניס את הקוד הבא:
body.rtl #primary #main.sidebar-right{ width: 900px;} #sidebar { padding-right: 10px; width: 20%; }
03/01/2016 בשעה 12:46 #42213תודה אבל זה לא עובד – כלומר זה אכן מרחיב את התוכן אבל מעיף את הסיידבאר לתחתית העמוד במקום בצד 🙁
03/01/2016 בשעה 13:10 #42224תוכל לשלוח פרטי גישה ליוזר זמני (בתגובה פרטית)?
03/01/2016 בשעה 13:33 #42227תגובה זו סומנה כפרטית.03/01/2016 בשעה 16:20 #42264הדרך לדעתי היותר טובה לעשות את זה, במקום כל הCSS שניסית לשים לך על הכיוון הזה:
ניתן לעשות את זה באמצעות הקוד הבא בתבנית בת.
יש להוסיף את הקוד הבא ב functions.php, בהתאם ליחס הנדרש:
define( 'MAIN_CLASSES', 'col-sm-12 col-md-9' ); define( 'SIDEBAR_CLASSES', 'col-sm-12 col-md-3' );
03/01/2016 בשעה 17:36 #42274ניסיתי להוסיף לשם הבדיקה בתבנית הרגילה וזה אלא עובד (איני משתמש בתבנית בת כי הבנתי שזה גורם לאתר להיות איטי יותר).
הוספתי לפני השורה האחרונה, את הקוד כלהלן:define( 'MAIN_CLASSES', 'col-sm-12 col-md-10' ); define( 'SIDEBAR_CLASSES', 'col-sm-12 col-md-2' );
שמרתי
ניקיתי תוסף CACHE
רעננתי את העמוד של הבדיקה – ללא שינוי03/01/2016 בשעה 20:48 #42293אם אתה לא משתמש בתבנית בת, אז אל תכניס את השינוי הזה, הוא פשוט לא יעבוד.
אין לי מושג מאיפה הבאת את ההבנה שתבנית בת גורמת לאתר להיות איטי יותר, אבל לשיקולך.
בכל מקרה הפורום פה מיועד לתמיכה טכנית, לצערי אנחנו לא יכולים לכתוב קודים מותאמים אישית עבור זה.
09/01/2016 בשעה 09:34 #42872OK אז החלפתי לתבנית בת. קראתי איפשהו שזה איטי יותר, מקבל את המלצת שלא.
אז אפשר בסוף להרחיב את אזור התוכן?
תודות10/01/2016 בשעה 13:01 #42914כן, כמו שכתבתי לך לעיל באמצעות הכנסת הקוד הבא אל הקובץ functions.php בתבנית בת:
define( 'MAIN_CLASSES', 'col-sm-12 col-md-10' ); define( 'SIDEBAR_CLASSES', 'col-sm-12 col-md-2' );
10/01/2016 בשעה 14:59 #42941תודה.
שכחתי לציין בהודעתי הקודמת שגם לאחר העברה לתבנית הבת – העדכון לא משפיע 🙁10/01/2016 בשעה 16:03 #42954תוכל לשלוח לנו קישור לעמוד עם תוכן וסיידבר באתר הזה?
10/01/2016 בשעה 17:20 #42986בטח, הנה העמוד שהזמני שהקמתי לצורך הבדיקה הזו –
http://www.myaustria.co.il/%D7%91%D7%93%D7%99%D7%A7%D7%94-%D7%A2%D7%9D-sb/
תודה12/01/2016 בשעה 16:19 #43187טוב, אני רואה שבתבנית Buzz ספציפית כתבנו קוד CSS שעושה את הדברים קצת שונה.
כרגע זה מוגדר שהרוחב תוכן הוא 70% והסיידבר הוא 30%
לאיזה מצב אתה רוצה להגיע?
13/01/2016 בשעה 21:31 #43347אה זה מסביר… תודה על איתור הבעיה.
20/80 יהיה טוב, או אולי 25/85.
צריך לראות כדי להחליט.
טל14/01/2016 בשעה 11:36 #43380שים את הקוד הבא בהתאמה אישית > Live CSS:
@media (min-width: 992px) { #primary #main.sidebar-right { width: 80%; } #primary #main.sidebar-right + #sidebar { width: 20%; } }
14/01/2016 בשעה 21:33 #43465תודה
זה אכן משפיע על האתר אבל לא רק משנה יחסי רוחב אלא מאוד מרחיב אותו לכיוון שמאל (ככה לפחות נראה בLIVE CSSS, לא עליתי לאויר עם זה ככה).15/01/2016 בשעה 12:39 #43504לא כ״כ הבנתי מה הכוונה שזה משנה את הרוחב לכיוון שמאל. זה בדיוק מה שרצית לעשות, להרחיב את התוכן על החשבון הסיידבר, לא?
תנסה שניה לראות איך זה מתקבל גם מחוץ לאזור ההתאמה אישית, זה אמור לעשות את העבודה.16/01/2016 בשעה 09:19 #43516זה אומר שאזור התוכן אכן מתרחב (שזה טוב), והסיידבר אכן מוצר (שזה טוב), אך – אזור התוכן מתרחב יותר מאשר הסיידבאר מוצר (ממש יותר ב-X פיקסלים, לדוגמה התוכן מתרחב שמאלה ב100 פיקסל אך גודלו החדש של הסיידבר הוא רק 30 פיקסל פחות ממה שהיה קודם ולכן כל העמוד מתרחב, שמאלה בלבד, ב-70 פיקסל יותר ממה שהיה קודם. זו לא המטרה, היא הייתה רק לשנות יחסים בין תוכן לסייבאר…).
וכאמור, בגלל ה-OVER התרחבות שמאלה אז העמוד כולו (תוכן+SIDEBAR) גם כבר לא ממורכז ונוטה לשמאל. (לא נראה טוב)
מצ"ב 2 תמונות שמתארות את הסיטואציה.לפני השינוי:
http://s23.postimg.org/nmuvpnxnf/image.png
אחרי השינוי (במקום שינוי יחסים אז הסה"כ רחב מדי, ורק לצד אחד):
http://s23.postimg.org/iphb4jvob/image.png(נ.ב. זה קורה בפועל לא רק בתצוגת LIVE CSS)
-
מאתתגובות
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.