היכר עיצובי לפורום האקסלוסיבי

[Shaya]

מה דעתכם על זה?

.page-topic-category-תכנות-אקסקלוסיבי .navbar::before {
  background: #d97b29;
}

.page-topic-category-תכנות-אקסקלוסיבי .container a {
  background: #d9aa5d;
}

[ש.ב.ח.]

@dovid
העיצוב עכשיו (האדום הזה) ממבט שלי הוא נורא
יש לי כזו הרגשה שהתוכן נמחק/עומד להימחק (כמובן זו ריאקציה של הצבע המלחיץ הזהה )
ההצעה של @Shaya היא נכונה יותר
שינוי תבניתי של הצבעים כמו ההדר (אבל עם כבר אז שינוי גלובלי של הצבע התכלת לצבע אחר כך שגם הכפתורים האייקונים וכו' יקבלו את הצבע)

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

(למדתי עיצוב ותקשורת חזותית, אשמח לעזור אם יש עדיין צורך)

[OdedDvir]

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

[dovid]

@chagold ממש יפה! אני ממש חשבתי להשתמש בזה, באופן בו הציע @OdedDvir אבל אח"כ חשבתי שברזולוציות קטנות לא רואים בכלל את הטקסטורה מסביב. טקסטורה מאחורי הטקסט זה מפריע לעין.
אבל תודה רבה על האתרים!

@Shaya ממש יפה, אימצתי את הצעתך!

[WWW]

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

[chagold]

@dovid אולי גם להכניס את אסטריסק להחרגה

[yossiz]

@shaya אמר בהיכר עיצובי לפורום האקסלוסיבי:

מה דעתכם על זה?

אני מרשה לעצמי להציג את שעיה מכיון שהוא כנראה מתבייש להציג את עצמו... מקווים שהוא יתחיל לתרום ולא רק לקרוא הודעות ולהצביע...
מדובר במפתח המוכשר שפיתח את האתר השימושי והמרהיב ביופיו: https://koshercode.netlify.app.
ואגב, מי שיש לו מה לתרום לאתר הנ"ל מוזמן לתרום, סרטונים או אתרי הדרכה:
https://github.com/shayaulman/kosher-code

[yossiz]

@chagold אמר בהיכר עיצובי לפורום האקסלוסיבי:

אולי גם להכניס את אסטריסק להחרגה

@www אמר בהיכר עיצובי לפורום האקסלוסיבי:

בכוונה זה לא תופס בקטגוריה כאן?

הוספתי את כל הקטגוריות ה"אקסקלוסיביות" וגם transition

body nav#header-menu:before {
    transition: background .5s
}

:-webkit-any(.page-category-4,.page-category-12, .page-category-14, .page-category-20,.page-category-39,.page-category-118) #header-menu:before
{
    background: #d58836
}

:-webkit-any(.page-category-4,.page-category-12, .page-category-14, .page-category-20,.page-category-39,.page-category-118) #laws {
    background: #d9aa5d;
}

[yossiz]

אגב, אני לא מבין למה הסלקטור :is()‎ לא עובד בכרום, לפי MDN זה אמור להיות נתמך מאז כרום 68.

[dovid]

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

[yossiz]

@yossiz אמר בהיכר עיצובי לפורום האקסלוסיבי:

הוספתי את כל הקטגוריות ה"אקסקלוסיביות" וגם transition

פיספסתי כמה דפים...
מכיון שהפורום תומך גם ב-LESS אז הנה קוד LESS מתוקן:

.page-category-4,
.page-category-12,
.page-category-14,
.page-category-20,
.page-category-39,
.page-category-118,
.page-topic-category-4,
.page-topic-category-12,
.page-topic-category-14,
.page-topic-category-20,
.page-topic-category-39,
.page-topic-category-118 {
  #header-menu:before {
    background: #d58836
  }
  #laws {
    background: #d9aa5d;
  }
}

[dovid]

@yossiz תודה רבה!