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

[ישראל חבר]

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

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

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

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

[yzahn]

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

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

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

[ישראל חבר]

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

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

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

[ישראל חבר]

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

[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
}

[ישראל חבר]

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

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

[yzahn]

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

[yzahn]

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

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

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

[ישראל חבר]

@yzahn

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

[yzahn]

.content {
    padding: 10px;
}

[ישראל חבר]

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

[ישראל חבר]

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

תודה, מלך.

[yzahn]

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

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

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

[ישראל חבר]

@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]

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

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

בזכותך.

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

[ישראל חבר]

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

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

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

[ישראל חבר]

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

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

[GolanArt]

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

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

נמצא ב?

[yzahn]

@ישראל-חבר

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

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

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

נמצא ב?

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

[GolanArt]

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

@ישראל-חבר

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

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

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

נמצא ב?

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

:+1: