דילוג לתוכן
  • חוקי הפורום
  • לא נפתר
  • משתמשים
  • חיפוש גוגל בפורום
  • צור קשר
עיצובים
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • ברירת מחדל (ללא עיצוב (ברירת מחדל))
  • ללא עיצוב (ברירת מחדל)
כיווץ
לוגו מותג
  1. דף הבית
  2. אזור המערכת
  3. אופן השימוש בפורום
  4. שיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?

שיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?

מתוזמן נעוץ נעול הועבר אופן השימוש בפורום
44 פוסטים 8 כותבים 787 צפיות 7 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • איציק דייטשא איציק דייטש

    @שמואל-יהודה אני יסדר לך מאוחר יותר

    ש מנותק
    ש מנותק
    שמואל יהודה
    כתב ב נערך לאחרונה על ידי
    #35

    @שמואל-יהודה אמר בשיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?:

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

    @איציק-דייטש אתה עובד על זה?

    תגובה 1 תגובה אחרונה
    0
    • איציק דייטשא איציק דייטש

      @שמואל-יהודה
      אם יש בעיה תגיד לי

      .modal-content{
          border-radius: 10px !important;
          background-color: rgba(0,0,0,0) !important;
      }
      .modal-body {
          border-radius: 10px;
      }
      .chat-modal .modal-body {
          background-color: #181e27;
          height: 600px;
      
      }
      .modal-header{
          border: none;
      }
      .chat-content {
          
      }
      li[data-self="1"] .message-body{
          float: left !important;
          margin-left: -25px !important;
          background-color: #224063;
          border-radius: 10px 10px 10px 0;
      }
      li[data-self="0"] .message-body{
          float: right;
          background-color: #373f4c;
          border-radius: 10px 10px 0 10px;
      }
      li[data-self="1"] .message-body,
      li[data-self="0"] .message-body{
          margin-bottom: 5px;
          clear: both;
      }
      .modal-header {
          background-color: #0d1117
      }
      .close{
          color: #a29e9e !important;
      }
      .chat-input {
          background-color: #0d1117;
          border-color: #4a505a !important;
          border-radius: 0 10px 10px 0 !important;
      }
      .chat-modal .btn-primary {
          border-radius: 0 10px 10px 0 !important
      }
      .chat-modal .alert-info {
          background-color: #0d1117 !important;
          border: none !important;
          margin: auto !important;
          margin-top: -10px !important;
          margin-bottom: 2px !important;
          width: 450px;
          
      }
      .chat-modal .chat-content li.chat-message[data-break=true], .expanded-chat .chat-content li.chat-message[data-break=true]{
          border: none;
      }
      .chat-modal .chat-content li.chat-message .chat-user a,{
          display: none !important;
      }
      .chat-modal li[data-self="1"] .avatar{
      }
      li[data-self="1"] .message-header {
          float: left;
          margin-left: -60px;
      }
      li[data-self="1"] .chat-timestamp{
          transform: translate(115px, 0px);
      }
      .chat-input {
          color: #dde3e9;
      }
      .message-header{
          margin-bottom: 5px;
      }
      
      
      ש מנותק
      ש מנותק
      שמואל יהודה
      כתב ב נערך לאחרונה על ידי שמואל יהודה
      #36

      @איציק-דייטש אמר בשיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?:

      @שמואל-יהודה
      אם יש בעיה תגיד לי

      .modal-content{
          border-radius: 10px !important;
          background-color: rgba(0,0,0,0) !important;
      }
      .modal-body {
          border-radius: 10px;
      }
      .chat-modal .modal-body {
          background-color: #181e27;
          height: 600px;
      
      }
      .modal-header{
          border: none;
      }
      .chat-content {
          
      }
      li[data-self="1"] .message-body{
          float: left !important;
          margin-left: -25px !important;
          background-color: #224063;
          border-radius: 10px 10px 10px 0;
      }
      li[data-self="0"] .message-body{
          float: right;
          background-color: #373f4c;
          border-radius: 10px 10px 0 10px;
      }
      li[data-self="1"] .message-body,
      li[data-self="0"] .message-body{
          margin-bottom: 5px;
          clear: both;
      }
      .modal-header {
          background-color: #0d1117
      }
      .close{
          color: #a29e9e !important;
      }
      .chat-input {
          background-color: #0d1117;
          border-color: #4a505a !important;
          border-radius: 0 10px 10px 0 !important;
      }
      .chat-modal .btn-primary {
          border-radius: 0 10px 10px 0 !important
      }
      .chat-modal .alert-info {
          background-color: #0d1117 !important;
          border: none !important;
          margin: auto !important;
          margin-top: -10px !important;
          margin-bottom: 2px !important;
          width: 450px;
          
      }
      .chat-modal .chat-content li.chat-message[data-break=true], .expanded-chat .chat-content li.chat-message[data-break=true]{
          border: none;
      }
      .chat-modal .chat-content li.chat-message .chat-user a,{
          display: none !important;
      }
      .chat-modal li[data-self="1"] .avatar{
      }
      li[data-self="1"] .message-header {
          float: left;
          margin-left: -60px;
      }
      li[data-self="1"] .chat-timestamp{
          transform: translate(115px, 0px);
      }
      .chat-input {
          color: #dde3e9;
      }
      .message-header{
          margin-bottom: 5px;
      }
      
      

      עוד בעיה:
      ללא שם.png
      שאם אני נוגע בהודעה כשהצאט על מצב מלא אז הערוך והמחק יותר למעלה ואי אפשר למחוק או לערוך

      ועוד משהו
      ca99144c-cb66-4860-8417-758c295ad73d-image.png
      החלונית של החיפוש שקופה(יותר נכון כל החלוניות של החיפוש,מחיקת הודעה וכו)

      איציק דייטשא תגובה 1 תגובה אחרונה
      0
      • ש שמואל יהודה

        @איציק-דייטש אמר בשיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?:

        @שמואל-יהודה
        אם יש בעיה תגיד לי

        .modal-content{
            border-radius: 10px !important;
            background-color: rgba(0,0,0,0) !important;
        }
        .modal-body {
            border-radius: 10px;
        }
        .chat-modal .modal-body {
            background-color: #181e27;
            height: 600px;
        
        }
        .modal-header{
            border: none;
        }
        .chat-content {
            
        }
        li[data-self="1"] .message-body{
            float: left !important;
            margin-left: -25px !important;
            background-color: #224063;
            border-radius: 10px 10px 10px 0;
        }
        li[data-self="0"] .message-body{
            float: right;
            background-color: #373f4c;
            border-radius: 10px 10px 0 10px;
        }
        li[data-self="1"] .message-body,
        li[data-self="0"] .message-body{
            margin-bottom: 5px;
            clear: both;
        }
        .modal-header {
            background-color: #0d1117
        }
        .close{
            color: #a29e9e !important;
        }
        .chat-input {
            background-color: #0d1117;
            border-color: #4a505a !important;
            border-radius: 0 10px 10px 0 !important;
        }
        .chat-modal .btn-primary {
            border-radius: 0 10px 10px 0 !important
        }
        .chat-modal .alert-info {
            background-color: #0d1117 !important;
            border: none !important;
            margin: auto !important;
            margin-top: -10px !important;
            margin-bottom: 2px !important;
            width: 450px;
            
        }
        .chat-modal .chat-content li.chat-message[data-break=true], .expanded-chat .chat-content li.chat-message[data-break=true]{
            border: none;
        }
        .chat-modal .chat-content li.chat-message .chat-user a,{
            display: none !important;
        }
        .chat-modal li[data-self="1"] .avatar{
        }
        li[data-self="1"] .message-header {
            float: left;
            margin-left: -60px;
        }
        li[data-self="1"] .chat-timestamp{
            transform: translate(115px, 0px);
        }
        .chat-input {
            color: #dde3e9;
        }
        .message-header{
            margin-bottom: 5px;
        }
        
        

        עוד בעיה:
        ללא שם.png
        שאם אני נוגע בהודעה כשהצאט על מצב מלא אז הערוך והמחק יותר למעלה ואי אפשר למחוק או לערוך

        ועוד משהו
        ca99144c-cb66-4860-8417-758c295ad73d-image.png
        החלונית של החיפוש שקופה(יותר נכון כל החלוניות של החיפוש,מחיקת הודעה וכו)

        איציק דייטשא מנותק
        איציק דייטשא מנותק
        איציק דייטש
        מדריכים
        כתב ב נערך לאחרונה על ידי
        #37

        @שמואל-יהודה אמר בשיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?:

        החלונית של החיפוש שקופה(יותר נכון כל החלוניות של החיפוש,מחיקת הודעה וכו)

        שמתי לב
        יתוקן בעדכון הבא

        מוטי - טק, מכירה ותיקון של מחשבים 0583293193

        ש תגובה 1 תגובה אחרונה
        0
        • איציק דייטשא איציק דייטש

          @שמואל-יהודה אמר בשיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?:

          החלונית של החיפוש שקופה(יותר נכון כל החלוניות של החיפוש,מחיקת הודעה וכו)

          שמתי לב
          יתוקן בעדכון הבא

          ש מנותק
          ש מנותק
          שמואל יהודה
          כתב ב נערך לאחרונה על ידי שמואל יהודה
          #38

          @איציק-דייטש
          זה הקוד ששמתי בשביל לתקן

          .modal-body {
             background-color: #ffffff;
          }
          html[data-dir=rtl] .modal-footer {
             background-color: #ffffff;
          }
          

          ולהוריד בקוד את

          .modal-body {
              border-radius: 0px;
          }
          

          (נמא בקוד של הצאט למעלה)
          הערה:
          זה מתקן אם רוצים למחוק פוסט אבל לא את התמונה של החיפוש

          איציק דייטשא תגובה 1 תגובה אחרונה
          0
          • ש שמואל יהודה

            @איציק-דייטש
            זה הקוד ששמתי בשביל לתקן

            .modal-body {
               background-color: #ffffff;
            }
            html[data-dir=rtl] .modal-footer {
               background-color: #ffffff;
            }
            

            ולהוריד בקוד את

            .modal-body {
                border-radius: 0px;
            }
            

            (נמא בקוד של הצאט למעלה)
            הערה:
            זה מתקן אם רוצים למחוק פוסט אבל לא את התמונה של החיפוש

            איציק דייטשא מנותק
            איציק דייטשא מנותק
            איציק דייטש
            מדריכים
            כתב ב נערך לאחרונה על ידי
            #39

            @שמואל-יהודה אני יודע איזה קודים לשים 😉

            מוטי - טק, מכירה ותיקון של מחשבים 0583293193

            ש תגובה 1 תגובה אחרונה
            0
            • איציק דייטשא איציק דייטש

              @שמואל-יהודה אני יודע איזה קודים לשים 😉

              ש מנותק
              ש מנותק
              שמואל יהודה
              כתב ב נערך לאחרונה על ידי
              #40

              @איציק-דייטש אמר בשיתוף | dark mode | דארק מוד לפורום שעשיתי, מה דעתכם?:

              @שמואל-יהודה אני יודע איזה קודים לשים 😉

              יופי פשוט הקודים שלי גרועים 😏
              אם אתה שם אתה יכול להביא לי גם את הCSS של זה?
              (גם לעדכן למעלה את הקוד וגם להביא לי את הCSS שלך שמתקן את זה)

              תגובה 1 תגובה אחרונה
              1
              • י מנותק
                י מנותק
                יושב אהלים
                כתב ב נערך לאחרונה על ידי אלישי
                #41

                מה הייתם אומרים על הדארק מוד הזה? יפה?

                :::

                Screenshot_20210830-221507_Samsung Internet.jpg Screenshot_20210830-221519_Samsung Internet.jpg Screenshot_20210830-221552_Samsung Internet.jpg Screenshot_20210830-221705_Samsung Internet.jpg

                :::

                תגובה 1 תגובה אחרונה
                0
                • איציק דייטשא איציק דייטש

                  כמוני אני מאמין שיש עוד אנשים שאוהבים dark mode, עם קצת שיעמום החלטתי לכתוב קצת css שיעביר את הפורום למצב dark mode
                  נ. ב. זה קצת מבולגן... אבל יצא די יפה
                  אגב, הפתעה בצ'אט 😊 , אבל בחלונית ולא במסך מלא...
                  אשמח להערות ושיפורים.
                  הוראות: כדאי שתוכלו להשתמש בו תצטרו להתקין את התוסף שדוחף את ה css לאתר
                  https://chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol
                  בלחיצה על alt+shift+c יפתח החלון של התוסף שנראה כך:
                  0a392d58-3637-47b1-af26-db5c18a35a0d-image.png
                  תעתיקו את הקוד ותתביקו את זה בחלון וללחוץ על הנעיצה שיש בחלון למעלה בצד ימין! אהה... וגם לסמן בצד שמאל על sass
                  קצת ספויילרים 😉

                  :::

                  2cc7e45c-29ff-4c35-b396-5d2ff7768454-image.png

                  e45d1a11-b4cb-4cbc-a35f-61c1e6beb83f-image.png

                  :::

                  👇 👇 👇 👇 👇 👇 👇 👇 👇 👇

                  ::-webkit-scrollbar {
                      background-color: transparent;
                  }
                  body{
                      background-color: #0d1117;
                      color: #dde3e9;
                  }
                  .header {
                      background-color: #171b22;
                      border-color: #171b22;
                  }
                  .categories > li {
                      box-shadow: 0 0 5px 1px #353b45
                  }
                  h4 .MsoNormal {
                          box-shadow: 0 0 5px 1px #353b45
                  }
                  .MsoNormal > span {
                      color: black;
                  }
                  .panel-body {
                      background-color: #171b22;
                      border-radius: 10px;
                  }
                  .panel-default {
                      border: none;
                      background-color: rgba(0, 0, 0, 0)
                  }
                  .categories > li .category-children .category-children-item {
                      background-color: #0d1117 !important;
                  }
                  .categories > li .content .icon {
                      background-color: rgba(256, 256, 256, 0.6) !important;
                      border-radius: 8px !important;
                  }
                  .navbar-default .navbar-nav>li>a,
                  .navbar-default .btn-link{
                      color: #dde3e9 !important;
                  }
                  .navbar-default .navbar-nav>li>a:hover,
                  .navbar-default .navbar-nav>li>a:focus,
                  .navbar-default .btn-link:hover,
                  .navbar-default .btn-link:focus,
                  .text-center .dropdown-toggle:hover,
                  .text-center .dropdown-toggle:focus{
                      color: rgb(199,199,199) !important;
                  }
                  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
                      background-color: #454d5a;
                  }
                  div[id="search-fields"] input{
                      background-color: #171b22 !important;
                      color: #dde3e9 !important;
                  }
                  .categories > li .card {
                      border-color: #0d1117 !important;
                  }
                  .account .breadcrumb {
                      background-color: #0d1117;
                      border: none;
                  }
                  .account .profile .aboutme > p {
                      background-color: rgb(19,24,32);
                  }
                  .topic-title {
                      color: rgb(143,143,143) !important;
                  }
                  .header .notification-list, .slideout-menu .notification-list,
                  .dropdown-menu{
                      background-color: #151b25;
                      color: #dde3e9 !important;
                  }
                  .dropdown-menu a {
                      color: #dde3e9 !important;
                  }
                  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
                      background-color: #0d1117;
                  }
                  .notification-list .unread {
                      background-color: #232d40 !important;
                  }
                  .chat-list::-webkit-scrollbar,
                  .notification-list::-webkit-scrollbar {
                      background-color: transparent !important;
                  }
                  .chat-list li {
                      border: none;
                      color: #dde3e9;
                      border-bottom: #677892 !important;
                  }
                  .chat-list li:hover {
                      background-color: #212a37 !important;
                  }
                  .chat-list{
                      border-top: rgb(39,43,68);
                  }
                  .topic-list-header {
                      background-color: #0d1117;
                      border-color: #19202a;
                  }
                  .btn {
                      background-color: #0d1117;
                      color: #dde3e9;
                      border-color: #19202a;
                  }
                  .btn:hover {
                      background-color: #171d26;
                      color: #dde3e9;
                      border-color: #19202a
                  }
                  .breadcrumb {
                      background-color: #0d1117;
                      border: none;
                  }
                  .category > ul > li .card {
                      border-color: #0d1117 !important;
                  }
                  .resizable {
                      background-color: #151b25
                  }
                  .formatting-group li {
                      color: #dde3e9 !important;
                  }
                  
                  .composer .title-container .title,
                  .composer .write,
                  .composer .preview{
                      background-color: #171b22 !important;
                  }
                  .topic-header {
                      background-color: #0d1117 !important;
                  }
                  .topic-info {
                      border-color: #151b24 !important;
                  }
                  .composing {
                      color: rgb(87,104,151) !important;
                  }
                  .btn-default.hidden-xs {
                      background-color: #171f2a;
                  }
                  .edit-icon {
                      color: #303c51;
                  }
                  .topic-title {
                      color: #dde3e9 !important;
                      
                  }
                  .category-item {
                      border: 1px solid #030406 !important;
                      border-bottom: 1px solid #171d27 !important;
                  }
                  .breadcrumb .active span {
                      color: #dde3e9;
                  }
                  .category > ul > li .card {
                      border: #0d1117 !important;
                  }
                  .post-preview {
                      background-color: #0f131a;
                  }
                  .formatting-group li:hover {
                      background-color: #2f3746 !important;
                  }
                  .pagination-block{
                      background: #171d27 !important;
                      color: #dde3e9;
                      .pagination-text{
                          color: #dde3e9 !important;
                      }
                  }
                  .progress-bar{
                      background-color: #02465a !important;
                  }
                  .scroll-up-alert{
                      width: 700px;
                  }
                  .modal-content{
                      border-radius: 10px !important;
                      background-color: rgba(0,0,0,0) !important;
                  }
                  .modal-body {
                      border-radius: 10px;
                  }
                  .chat-modal .modal-body {
                      background-color: #181e27;
                      height: 600px;
                  
                  }
                  .modal-header{
                      border: none;
                  }
                  .chat-content {
                      background-image: url(/assets/uploads/files/1628805053118-bgchat.png);
                      background-size: cover;
                  }
                  li[data-self="1"] .message-body{
                      float: left !important;
                      margin-left: -25px !important;
                      background-color: #224063;
                      border-radius: 10px 10px 10px 0;
                  }
                  li[data-self="0"] .message-body{
                      float: right;
                      background-color: #373f4c;
                      border-radius: 10px 10px 0 10px;
                  }
                  li[data-self="1"] .message-body,
                  li[data-self="0"] .message-body{
                      margin-bottom: 5px;
                      clear: both;
                  }
                  .modal-header {
                      background-color: #0d1117
                  }
                  .close{
                      color: #a29e9e !important;
                  }
                  .chat-input {
                      background-color: #0d1117;
                      border-color: #4a505a !important;
                      border-radius: 0 10px 10px 0 !important;
                  }
                  .chat-modal .btn-primary {
                      border-radius: 0 10px 10px 0 !important
                  }
                  .chat-modal .alert-info {
                      background-color: #0d1117 !important;
                      border: none !important;
                      margin: auto !important;
                      margin-top: -10px !important;
                      margin-bottom: 2px !important;
                      width: 450px;
                      
                  }
                  .chat-modal .chat-content li.chat-message[data-break=true], .expanded-chat .chat-content li.chat-message[data-break=true]{
                      border: none;
                  }
                  .chat-modal .chat-content li.chat-message .chat-user a,{
                      display: none !important;
                  }
                  .chat-modal li[data-self="1"] .avatar{
                  }
                  li[data-self="1"] .message-header {
                      float: left;
                      margin-left: -60px;
                  }
                  li[data-self="1"] .chat-timestamp{
                      transform: translate(115px, 0px);
                  }
                  .chat-input {
                      color: #dde3e9;
                  }
                  .message-header{
                      margin-bottom: 5px;
                  }
                  

                  אגב, כשבאתי לפרסם את זה ראיתי את הנושא של @מוטי-מן https://mitmachim.top/topic/14191/dark-mode-לפורום-מה-אומרים ... אז זה קצת משודרג 😉

                  אלישיא מחובר
                  אלישיא מחובר
                  אלישי
                  מנהלים
                  כתב ב נערך לאחרונה על ידי
                  #42

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

                  י תגובה 1 תגובה אחרונה
                  11
                  • אלישיא אלישי

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

                    י מנותק
                    י מנותק
                    יושב אהלים
                    כתב ב נערך לאחרונה על ידי
                    #43

                    @אלישי נראה לי יש כאן הדרכה איך ליצור כפתור שיתן לעבור למצב דארקמוד - https://community.nodebb.org/post/45318

                    איציק דייטשא תגובה 1 תגובה אחרונה
                    1
                    • י יושב אהלים

                      @אלישי נראה לי יש כאן הדרכה איך ליצור כפתור שיתן לעבור למצב דארקמוד - https://community.nodebb.org/post/45318

                      איציק דייטשא מנותק
                      איציק דייטשא מנותק
                      איציק דייטש
                      מדריכים
                      כתב ב נערך לאחרונה על ידי איציק דייטש
                      #44

                      @יושב-אהלים וואו!! עובד מדהים!
                      אחרי ריענון זה מאפס אותו...

                      מוטי - טק, מכירה ותיקון של מחשבים 0583293193

                      תגובה 1 תגובה אחרונה
                      1
                      • ג גגגג התייחס לנושא זה ב

                      • התחברות

                      • אין לך חשבון עדיין? הרשמה

                      • התחברו או הירשמו כדי לחפש.
                      • פוסט ראשון
                        פוסט אחרון
                      0
                      • חוקי הפורום
                      • לא נפתר
                      • משתמשים
                      • חיפוש גוגל בפורום
                      • צור קשר