ABA


"תיקנתי כמה באגים גם בממשק וגם ברספונסיביות של האתר, איך יצא?"
גירסת הדפסה        
קבוצות דיון גרפיקה נושא #20303 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 20303
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   12:51   02.07.14   
אל הפורום  
  תיקנתי כמה באגים גם בממשק וגם ברספונסיביות של האתר, איך יצא?  
 
   ערכתי לאחרונה בתאריך 03.12.20 בשעה 18:03 בברכה, Avi139
 
לקחתי לתשומת ליבי את רוב הערותייכם:

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

- הוספתי כפתור Continue reading ככה שלא כל הפוסטים מופיעים במולאם בגלילה אחת ענקית, אם מישהו מתעניין במשהו יצלול לתוך הפוסט בקלות.

- הוספתי תמונה רוחבית לכל פוסט כדי להוסיף עיניין ולרמוז על תוכן הפוסט.

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

- הוספתי סרגל צד שבו אני "מעגן" את הפוסטים הנבחרים שלי (בחירת העורך? )

כמו כן הוספתי דרופ דאון עם פוסטים לפי תאריכים כדי להקל.


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

2 - תפריט צף, אם אני רוצה שהתפריט משמאל יגלל יחד עם הגלילה באתר, איך עושים זאת?

3 - או לחליפין הוספת כפתור UP או חץ משולש מעלה כדי לגלול בזריזות לראש העמוד, איך עושים זאת?

תודה וגלישה נעימה

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  כל הכבוד!! אולי אפשר לעשות ''הצבעה'' לבחירת הקהל לעיגון הפוסטים הנבחרים :) Bshik  02.07.14 15:04 1
     בעקרון משהו כזה פחות נהוג, אבל אפשר להציג לפי פוסט שהיו לו הכי הרבה תגובות. Avi139   03.07.14 13:11 3
         הבנתי ! מעולה :) Bshik  03.07.14 13:38 5
  עבור סעיף 2 CaTz 03.07.14 03:00 2
     תודה! הצלחתי לעשות את זה עם Inspect element Avi139   03.07.14 13:16 4
         לפי זה wp-less CaTz 03.07.14 14:28 6
             זהו שאני לא, השינויים שעשיתי היו רק בPHP עצמו עד כה.. Avi139   03.07.14 14:45 7
                 אממ, זה לא כזה מסובך... CaTz 03.07.14 19:25 8
                     בקובץ הCSS המקומפל שאותו הבאת אכן מצאתי דרך הINSPECT ELEMENT Avi139   03.07.14 20:22 9
  לגבי הוידיאו תנסה להתשמש עם VideoJS... BarniRull 10.07.14 15:06 10
     ולגבי 3 אתה יכול להתשמש בקוד הזה למשל BarniRull 10.07.14 15:09 11
         תודה רבה! יישמתי את זה ובהחלט עובד, ואבדוק גם לגבי VideoJS :) Avi139   10.07.14 20:55 12
     בהשראתך, בסוף חיפשתי בגוגל ומצאתי פלאגין מעולה שעובד מהקופסא! Avi139   15.07.14 14:43 14
  טוב תודה רבה לכולם על הטיפים והעזרה, השגתי את כל היעדים ;) Avi139   10.07.14 21:08 13

       
Bshik 
חבר מתאריך 27.2.10
7614 הודעות
   15:04   02.07.14   
אל הפורום  
  1. כל הכבוד!! אולי אפשר לעשות ''הצבעה'' לבחירת הקהל לעיגון הפוסטים הנבחרים :)  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   13:11   03.07.14   
אל הפורום  
  3. בעקרון משהו כזה פחות נהוג, אבל אפשר להציג לפי פוסט שהיו לו הכי הרבה תגובות.  
בתגובה להודעה מספר 1
 
   אבל מאחר וזה אתר אישי ואני מעוניין להבליט תכנים ספציפיים שרלוונטיים לי יותר, בחרתי לנעוץ אותם כ"נבחרים" כדי לחסוך למשתמש גלילה \ זפזופ בין תכנים (במידה ובעתיד יהיו הרבה) .
תודה

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Bshik 
חבר מתאריך 27.2.10
7614 הודעות
   13:38   03.07.14   
אל הפורום  
  5. הבנתי ! מעולה :)  
בתגובה להודעה מספר 3
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
CaTz
חבר מתאריך 2.10.04
14587 הודעות, דרג אמינות חבר זה
   03:00   03.07.14   
אל הפורום  
  2. עבור סעיף 2  
בתגובה להודעה מספר 0
 
   position: fixed
מקבע את ה-Div למסך, וזה גורם לזה "לצוף"


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   13:16   03.07.14   
אל הפורום  
  4. תודה! הצלחתי לעשות את זה עם Inspect element  
בתגובה להודעה מספר 2
 
   אבל לא הצלחתי לעשות את זה בקבצי הCSS...
משום מה לא מצליח למצוא את הCSS הספציפי שמחזיק את התפריט השמאלי, מוזר...

באינספקטור מדובר בנתיב:
public_html/wp-content/uploads/wp-less/
ושם יש קבצים לפי תאריכים שאם אני משנה בהם את הCSS זה לא תופס לגבי גלישה מדפדפנים אחרים...

ואילו בנתיב המקורי של הCSSים והHTML לא מצאתי שום ערך בCSS שנקרא


.main-header {

אני עושה משהו לא נכון?

תודה!

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
CaTz
חבר מתאריך 2.10.04
14587 הודעות, דרג אמינות חבר זה
   14:28   03.07.14   
אל הפורום  
  6. לפי זה wp-less  
בתגובה להודעה מספר 4
 
   כנראה שזה עובד עם LESS, זה שפת קימפול ל-CSS.
מה שזה מאפשר לך זה לעשות נניח Include.

אם אני צודק, אז יש לך תקייה של קבצי LESS.
ועם קובץ LESS אחד שמאגד את כל הקבצים לקובץ אחד עם include.
מה שצריך לעשות זה למצוא את הקובץ LESS המכיל את ה-main-header.
לשנות לו את ה-position.

אחרי זה צריך לקמפל.
את הקובץ שמאנלד את כולם.
אני עובד עם NODEJS וכו'...
השאלה היא איך אתה עובד עם קבצי ה-LESS.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   14:45   03.07.14   
אל הפורום  
  7. זהו שאני לא, השינויים שעשיתי היו רק בPHP עצמו עד כה..  
בתגובה להודעה מספר 6
 
   לגבי הLESS - לא הכרתי את זה, אך אני רואה שיש ספריית בשם css-less
תחת הTHEME שבחרתי להשתמש בו, ויש בו כמה קבצים:

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
CaTz
חבר מתאריך 2.10.04
14587 הודעות, דרג אמינות חבר זה
   19:25   03.07.14   
אל הפורום  
  8. אממ, זה לא כזה מסובך...  
בתגובה להודעה מספר 7
 
   בכל מקרה, בגלל שאצלך זה שינוי של שורה אחת.
תעשה בלי קימפול, תמצא את הקבוץ LESS המתאים, הוא משמש בתור קוד מקור, תשנה בו את השורה.

ואחרי זה תחפש את הקובץ ה-CSS המקומפל, בו חייב להיות main-header
http://avi-b.com/wp-content/uploads/wp-less/Renamed-dimsemenov-Touchfolio-59aee85/style-touchfolio-default-0cef201800.css

זה הקובץ, תחפש פה רק, main-header, אתה תמצא, ושתנה שם.
זהו!


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   20:22   03.07.14   
אל הפורום  
  9. בקובץ הCSS המקומפל שאותו הבאת אכן מצאתי דרך הINSPECT ELEMENT  
בתגובה להודעה מספר 8
 
   אבל השינוי שעשיתי בו הוא לא ברמה אבסלוטית כי בקימפול הבא זה חוזר להיות מה שהיה ובעצם לא עשיתי בזה שום דבר.

לגבי קבצי הLESS מצאתי, שיניתי באחד מהם (למרות שאני לא בטוח שזה הMAIN HEADER המדובר) וכששמרתי לא ראיתי תוצאה (מחקתי קוקיז והכל כמובן בדפדפן כדי לבדוק).

קיצר אתעמק בזה מחר בבוקר, נראה אם אצליח...
תודה

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
BarniRull
חבר מתאריך 1.8.02
1426 הודעות, דרג אמינות חבר זה
   15:06   10.07.14   
אל הפורום  
  10. לגבי הוידיאו תנסה להתשמש עם VideoJS...  
בתגובה להודעה מספר 0
 


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
BarniRull
חבר מתאריך 1.8.02
1426 הודעות, דרג אמינות חבר זה
   15:09   10.07.14   
אל הפורום  
  11. ולגבי 3 אתה יכול להתשמש בקוד הזה למשל  
בתגובה להודעה מספר 10
 
איפה שאתה רוצה שהוא יהיה למעלה
<a name="top"></a>

והמימוש של הכפתור שלך...
<a href="#top">TOP OF PAGE</a>


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   20:55   10.07.14   
אל הפורום  
  12. תודה רבה! יישמתי את זה ובהחלט עובד, ואבדוק גם לגבי VideoJS :)  
בתגובה להודעה מספר 11
 
  

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   14:43   15.07.14   
אל הפורום  
  14. בהשראתך, בסוף חיפשתי בגוגל ומצאתי פלאגין מעולה שעובד מהקופסא!  
בתגובה להודעה מספר 10
 
   Fluid Video Embeds - פשוט עושה עבודה מדהימה, לא רק ADAPTIVE אלא Responsive Real time תוך כדי שינוי הרזולוציה הוא מתאים את הנגן לגודל החלון ועושה עבודה פנטסטית!

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
75508 הודעות, 28 פידבק, 54 נקודות
   21:08   10.07.14   
אל הפורום  
  13. טוב תודה רבה לכולם על הטיפים והעזרה, השגתי את כל היעדים ;)  
בתגובה להודעה מספר 0
 
  

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       
דרג לפי חשיבות הנושא  דרג לפי חשיבות הנושא   



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net