ניווט

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

    עיצוב אתר בצד המשתמש (CSS)

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

      הועלה כאן בעבר תוסף המאפשר לעצב בצד המשתמש את האתר לפי ראות עיניו.
      @yzahn נכון?

      אם כן, שאלה תאורטית,
      האם ייתכן לקחת כך אתר כמו פורום לתורה ולתת לו פנים כמו למשל הירוק?

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

      עזרו לבור כמוני, המסתבך עם הויזואל של פורום לתורה.

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

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

        האם ייתכן לקחת כך אתר כמו פורום לתורה ולתת לו פנים כמו למשל הירוק?

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

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

          @yzahn אמר בעיצוב בצד משתמש של פורום phpBB:

          אני משתמש היום בזה

          יש משהו בשביל המשתמש הפשוט שלא יודע ממש ליצור קוד CSS
          או שמא תוכל לשתף אותי מן המוכן...

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

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

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

              @ישראל-חבר קוד לדוגמה:

              @font-face {
                font-family: 'Arimo';
                font-style: normal;
                font-weight: 400;
                src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v13/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
                unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
              }
              
              .postbody .content {
                  font-family: arimo;
                  font-size: 1.5em
              }
              
              .postbody h3 {
                  font-family: arimo;
                  font-size: 1.7em
              }
              
              .postbody h3.first {
                  font-size: 2em;
              }
              
              body, h1, h2 {
                  font-family: arimo
              }
              
              ישראל חבר תגובה 1 תגובה אחרונה תגובה ציטוט 1
              • ישראל חבר
                ישראל חבר P ניהול @yzahn נערך לאחרונה על ידי ישראל חבר

                @yzahn
                תודה רבה!
                כעת אני קצת משחק בזה לפי טעמי..

                צריך לשמור או שאפשר לרענן את הדף כך כמו שהוא?

                yzahn 2 תגובות תגובה אחרונה תגובה ציטוט 0
                • yzahn
                  yzahn PRO p P ניהול @ישראל חבר נערך לאחרונה על ידי

                  @ישראל-חבר אפשר לקבל קוד CSS לגופנים באתר Google Fonts

                  ae75c79e-0f84-4fab-a413-799635451e8a-image.png

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

                    @ישראל-חבר אמר בעיצוב בצד משתמש של פורום phpBB:

                    צריך לשמור או שאפשר לרענן את הדף כך כמו שהוא?

                    אין צורך לשמור או לרענן. העיצוב מתעדכן מייד

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

                      @yzahn

                      25357f58-f087-4629-94f8-09baa97b0954-image.png

                      אני רוצה להזיז פנימה את כל הכיתוב. איך עושים זאת?

                      תגובה 1 תגובה אחרונה תגובה ציטוט 0
                      • yzahn
                        yzahn PRO p P ניהול נערך לאחרונה על ידי

                        .content {
                            padding: 10px;
                        }
                        
                        ישראל חבר תגובה 1 תגובה אחרונה תגובה ציטוט 1
                        • ישראל חבר
                          ישראל חבר P ניהול @yzahn נערך לאחרונה על ידי ישראל חבר

                          @yzahn
                          בשביל שזה יחול צריך לפתוח את התוסף בכל דף מחדש?

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

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

                            27ca0a27-e6b1-4cec-aec2-f49fc6a89eb5-image.png
                            3b2e0974-82bc-450a-a7bc-d7bcde524f31-image.png

                            תודה, מלך.

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

                              @ישראל-חבר אמר בעיצוב בצד משתמש של פורום phpBB:

                              בשביל שזה יחול צריך לפתוח את התוסף בכל דף מחדש?

                              אפשר להגדיר שהעיצוב ייטען אוטומטית על ידי לחיצה על אייקון ה-:pushpin:

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

                                @yzahn הכריש

                                בזכותך.
                                40% מהאנטגוניזם שהקפיץ לי האתר הזה הוסרו.
                                מדהים מה שאפשר לעשות עם הקוד...

                                
                                td div {
                                        padding: 15px;
                                
                                }
                                .rtl blockquote {
                                
                                    font-size: .95em
                                }
                                .phpbb-ads-center span div {
                                    padding: 7px;
                                    background-color: rgb(104,143,141);
                                }
                                
                                .rtl .wrap {
                                    border: 2px solid rgba(0,0,0,0);
                                }
                                blockquote {
                                    background-color: rgba(108,109,115,0.03);
                                border:.5px solid rgba(0,0,0,0);
                                    border-right: 5px solid #b9acac;
                                }
                                
                                
                                .action-bar > .pagination {
                                        padding: 6.5px;
                                
                                }
                                .action-bar {
                                    padding: 8px;
                                    box-shadow: .5px .5px 5px 2px rgba(45,43,43,0.34);
                                }
                                
                                p.author {
                                
                                border-bottom: .5px solid #b9aeae;
                                }
                                .rtl .wrap {
                                    background-color: rgba(255,0,0,0);
                                }
                                
                                .postbody .content {
                                    background-color: rgba(255,0,0,0);
                                }
                                .postprofile .profile-posts a {
                                          font-size: 1.2em
                                }
                                
                                .bg2 .notice dt {
                                          font-size: .9em
                                
                                }
                                .bg2 .notice dd {
                                          font-size: 1.2em
                                
                                }
                                
                                .post .postprofile {
                                border-right: .5px solid #b9aeae;
                                }
                                a.topictitle {
                                    font-size: 1.7em
                                }
                                
                                ul.topiclist li {
                                    background-color: rgb(234,238,254);
                                }
                                
                                .forabg {
                                    line-height: 1.5;
                                              font: Varela Round
                                                  font-size: 1.5em
                                }
                                .navbar {
                                     line-height: 1;
                                                  font-size: 1.2em
                                }
                                
                                .postprofile strong {
                                
                                                line-height: 1.5;
                                font-size: 1.3em
                                
                                }
                                .postprofile a {
                                font-size: 1.7em                           
                                }
                                
                                line-height: 12;
                                .postbody .content {
                                    line-height: 12;
                                }
                                .topic-title a {
                                    line-height: 2;
                                }
                                .content {
                                border-radius: 3.5px;
                                    line-height: 1.4;
                                }
                                @font-face {
                                  font-family: 'Arimo';
                                  font-style: normal;
                                  font-weight: 400;
                                  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v13/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
                                  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
                                }
                                
                                .postbody .content {
                                    font-family: arimo;
                                      font-size: 1.5em
                                }
                                
                                .postbody h3 {
                                    font-family: arimo;
                                    font-size: 1.5em
                                }
                                
                                .postbody h3.first {
                                    font-size: 2em;
                                }
                                
                                body, h1, h2 {
                                    font-family: arimo
                                }
                                .wrap {
                                    background-color: rgba(66,73,73,0.09);
                                }
                                .content {
                                    padding: 15px;
                                }
                                .post {
                                box-shadow: .5px .5px 5px 2px rgba(45,43,43,0.34);
                                background-color: rgb(255,255,255);
                                        }
                                        .forumbg {
                                            line-height: 2;
                                              font: Varela Round
                                      font-size: 1.2em
                                        }
                                        .row .list-inner {
                                              font: Varela Round
                                        }
                                        .topic_preview_first {
                                                    line-height: 1.3;
                                              font-size: 1.5em
                                        }
                                
                                
                                yzahn תגובה 1 תגובה אחרונה תגובה ציטוט 1
                                • yzahn
                                  yzahn PRO p P ניהול @ישראל חבר נערך לאחרונה על ידי

                                  וואו, איזה יופי!

                                  @ישראל-חבר אמר בעיצוב בצד משתמש של פורום phpBB:

                                  בזכותך.

                                  אני לא יודע מה אני אשם...

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

                                    @yzahn אמר בעיצוב בצד משתמש של פורום phpBB:

                                    אני לא יודע מה אני אשם...

                                    צודק. בסוף לא. ;)

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

                                      @yzahn
                                      הטיפול הוא רק בפונטים וצבעים
                                      או שאפשר למשל להקפיא שורת כותרת, ולהזיז אלמנטים בעמוד ע"י ה-CSS?
                                      ואיך מקבעים תמונת רקע?

                                      כ"כ הרבה שאלות יש לי...

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

                                        @yzahn אמר בעיצוב בצד משתמש של פורום phpBB:

                                        אפשר להגדיר שהעיצוב ייטען אוטומטית על ידי לחיצה על אייקון ה-

                                        נמצא ב?

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

                                          @ישראל-חבר

                                          או שאפשר למשל להקפיא שורת כותרת, ולהזיז אלמנטים בעמוד ע"י ה-CSS?

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

                                          @GolanArt אמר בעיצוב בצד משתמש של פורום phpBB:

                                          נמצא ב?

                                          תוסף זה שהבאתי למעלה

                                          b627e838-f131-4625-ab8f-7de76335a1c6-image.png

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

                                            @yzahn אמר בעיצוב בצד משתמש של פורום phpBB:

                                            @ישראל-חבר

                                            או שאפשר למשל להקפיא שורת כותרת, ולהזיז אלמנטים בעמוד ע"י ה-CSS?

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

                                            @GolanArt אמר בעיצוב בצד משתמש של פורום phpBB:

                                            נמצא ב?

                                            תוסף זה שהבאתי למעלה

                                            b627e838-f131-4625-ab8f-7de76335a1c6-image.png

                                            :+1:

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

                                            1
                                            מחובר

                                            2.5k
                                            משתמשים

                                            4.2k
                                            נושאים

                                            32.4k
                                            פוסטים