ניווט

    • הרשמה
    • התחברות
    • חיפוש
    • פוסטים אחרונים
    • משתמשים
    • קבוצות
    • חיפוש

    עזרה בקוד CSS ב nodebb

    עיצוב ופיתוח אתרים כללי | מתלמדים
    3
    21
    44
    טוען פוסטים נוספים
    • מהישן לחדש
    • מהחדש לישן
    • הכי הרבה הצבעות
    תגובה
    • הגב כנושא
    התחבר בכדי לפרסם תגובה
    נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
    • אבי
      אבי נערך לאחרונה על ידי

      בהמשך למה ש @ישראל-חבר הביא לי כאן: https://מקצועות.com/post/26750
      שמתי את זה, אבל יש בעיה, שהלחצן משתנה ה=לו הצבע, רק אחרי שלוחצים על מיקום אחר בעמוד, זאת אומרת מאבדים ממנו את המיקוד.

       .navbar-nav > .active > a
      

      כשהדף נטען הוא כזה:
      ccb6d25f-46d1-4dc7-940a-983ecb0eb4d8-image.png
      ואחרי לחיצה כלשהיא במקש שמאלי במרחבי הדף זה הופך לצבע שהגדרתי:
      6c5365e0-77ac-4118-a414-7be64bcc29a3-image.png
      רק שאחרי לחיצה זה כבר לא כ"כ רלוונטי, כי בד"כ לחיצה בדף אינטרנט זה לקישור :)

      תגובה 1 תגובה אחרונה תגובה ציטוט 0
      • GolanArt
        GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

        התערבת בקוד של הלחצנים האלו מתי שהוא?

        אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
        • אבי
          אבי @GolanArt נערך לאחרונה על ידי

          @GolanArt רק זה:

          .taskbar .navbar-nav li.active a::after {
              right: unset;
              left: -100%;
          }
          

          וזה כשעשיתי מה ש @ישראל-חבר אמר

          .navbar-default .navbar-nav > .active > a {
                  background: #f5f8ff
          }
          
          תגובה 1 תגובה אחרונה תגובה ציטוט 0
          • GolanArt
            GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי GolanArt

            אם כך לא הבנתי ממה נובעת התקלה...

            אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
            • אבי
              אבי @GolanArt נערך לאחרונה על ידי

              @GolanArt אני חושב שהבנתי... כנראה שאני צריך לשנות גם את הצבע ב visited ו hover , הגיוני?

              GolanArt תגובה 1 תגובה אחרונה תגובה ציטוט 0
              • GolanArt
                GolanArt מנהל מקצועות E p E @אבי נערך לאחרונה על ידי

                @אבי אמר בעזרה בקוד CSS ב nodebb:

                @GolanArt אני חושב שהבנתי... כנראה שאני צריך לשנות גם את הצבע ב visited ו hover , הגיוני?

                יש מצב, נסה, אין מה להפסיד!

                אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
                • אבי
                  אבי @GolanArt נערך לאחרונה על ידי

                  @GolanArt עזר! שיניתי ב visited.
                  עכשיו ראיתי עוד בעיה קטנה, הרעיון שלי היה שזה יראה כמו כרטיסיה שזה מאוחד עם הדף עצמו כמו כאן
                  93267fbc-7c5d-4ef6-927c-83e7028cc8a5-image.png
                  אבל בתחתית יש איזה פס מעצבן, ולא הצלחתי להעיף אותו, זה קשור לכפתור או ל navbar?
                  533c811d-6cb2-415e-85d0-80bb56424978-image.png

                  תגובה 1 תגובה אחרונה תגובה ציטוט 0
                  • GolanArt
                    GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

                    ביטלת את הבורדר התחתי?

                    אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
                    • אבי
                      אבי @GolanArt נערך לאחרונה על ידי אבי

                      @GolanArt זה מה שעשיתי: גם לכפתור וגם לשורה ולא עזר

                      .navbar-default .navbar-nav > .active > a {
                              background: #f5f8ff
                              border-radius: 1px;
                              border-style: solid;
                              border-color: #f5f8ff;
                      }
                      
                      
                      תגובה 1 תגובה אחרונה תגובה ציטוט 0
                      • GolanArt
                        GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

                        רק שכחת:

                        border-width: 0;
                        אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
                        • אבי
                          אבי @GolanArt נערך לאחרונה על ידי

                          @GolanArt אמר בעזרה בקוד CSS ב nodebb:

                          border-width: 0;

                          נאדה, זה הCSS לא עזר :(

                          //רקע שורת הכותרת
                          .navbar {
                              background: #dce3f2
                              border-width: 0;
                          }
                          
                          //צבע האזור הבחור בשורת הכותרת
                          .navbar-default .navbar-nav > .active > a {
                                  background: #f5f8ff
                                  border-width: 0;
                          }
                          
                          
                          
                          .navbar-default .navbar-nav > .active > a:visited {
                              background: #f5f8ff
                          }
                          
                          תגובה 1 תגובה אחרונה תגובה ציטוט 0
                          • GolanArt
                            GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

                            מה כתובת הפורום שלך?

                            אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
                            • אבי
                              אבי @GolanArt נערך לאחרונה על ידי

                              @GolanArt זה לא שלי, אני רק התנדבתי לעצב ולטפל קצת בפן הטכני, https://daf-forum.ovh/
                              תודה!!

                              תגובה 1 תגובה אחרונה תגובה ציטוט 0
                              • GolanArt
                                GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

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

                                אבי תגובה 1 תגובה אחרונה תגובה ציטוט 0
                                • אבי
                                  אבי @GolanArt נערך לאחרונה על ידי אבי

                                  @GolanArt תסתכל בCSS שהבאתי מקודם עשיתי את זה גם לכל navbar

                                  תגובה 1 תגובה אחרונה תגובה ציטוט 0
                                  • GolanArt
                                    GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

                                    עיניך הרואות:

                                    e1647a54-440a-47e5-984a-cfc4e01d4d76-image.png

                                    אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
                                    • אבי
                                      אבי @GolanArt נערך לאחרונה על ידי

                                      @GolanArt צודק!
                                      אז אולי משהו בזה לא תקין?

                                      //רקע שורת הכותרת
                                      .navbar {
                                          background: #dce3f2
                                          border-width: 0;
                                      }
                                      
                                      ישראל חבר תגובה 1 תגובה אחרונה תגובה ציטוט 0
                                      • GolanArt
                                        GolanArt מנהל מקצועות E p E נערך לאחרונה על ידי

                                        תקין. לא רואה בעיה...

                                        אבי תגובה 1 תגובה אחרונה תגובה ציטוט 1
                                        • אבי
                                          אבי @GolanArt נערך לאחרונה על ידי

                                          @GolanArt תודה על העזרה!! אני ינסה לשחק איתו קצת...

                                          תגובה 1 תגובה אחרונה תגובה ציטוט 1
                                          • ישראל חבר
                                            ישראל חבר P ניהול @אבי נערך לאחרונה על ידי ישראל חבר

                                            @אבי אמר בעזרה בקוד CSS ב nodebb:

                                            @GolanArt צודק!
                                            אז אולי משהו בזה לא תקין?

                                            //רקע שורת הכותרת
                                            .navbar {
                                                background: #dce3f2
                                                border-width: 0;
                                            }
                                            

                                            חסר ; אחרי ה background

                                            GolanArt תגובה 1 תגובה אחרונה תגובה ציטוט 3
                                            • First post
                                              Last post
                                            חוקי הפורום - חובה לקרוא!
                                            עיצוב: GolanArt

                                            7
                                            מחובר

                                            2.5k
                                            משתמשים

                                            4.2k
                                            נושאים

                                            32.4k
                                            פוסטים