לדלג לתוכן

נושא בדף שיחת משתמש:Amire80/גנזך זרימה

שי אבידן (שיחהתרומות)

יש אפשרות להחליף את הצבע של ההתראה שמופיעה כאשר אני מתוייג/מוזכר/כותבים בדף שיחתי? האדום-כתום הזה מלחיץ ממש, מרגיש כאילו קרה משהו בהול או שרוצים לחסום אותי. מכיר אופציה כזו?

Amire80 (שיחהתרומות)

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

תוסיף לקובץ ה־CSS האישי שלך משהו כזה:

.mw-echo-alert {
	background-color: #bdc1a9;
}

המספר "bdc1a9" הוא סתם צבע אקראי שבחרתי. בחר לעצמך מה שבא לך. יש המון אתרים באינטרנט שעוזרים לך לנסח מספר של צבע, למשל חפש בגוגל css color picker.

מקווה שעזרתי.

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

שי אבידן (שיחהתרומות)

שאלת המשך - איך אני משנה את הצבע של הכיתוב "יש לך הודעות חדשות"? כי הוא נשאר באותו צבע ועכשיו לא רואים אותו...

Amire80 (שיחהתרומות)

משהו כזה:

.mw-echo-alert:link {
  color: #bdc1a9;
}
 
.mw-echo-alert:visited {
  color: #bdc1a9;
}

.mw-echo-alert:hover {
  color: #bdc1a9;
}

.mw-echo-alert:active {
  color: #bdc1a9;
}

כל אחד מהנ״ל מתייחס למצב שונה של קישור: רגיל, קישור שכבר לחצת עליו פעם, קישור שמרחף עליו סמן עכבר, וקישור בזמן לחיצה.

שי אבידן (שיחהתרומות)

בקשה אחרונה - כיצד משנים את צבע מספר ההתראות שליד אייקון הפעמון (צבע הריבוע והמספר, כדי שאוכל לבחור צבעים מנוגדים)?

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

Aaharoni-WMF (שיחהתרומות)

קודם כול, תשובה לשאלה השנייה: כן, קובצי ה־CSS האישיים לא מופעלים בדף ההעדפות. זה מכוון, כדי למנוע מצבים לא רצויים של התאמות אישיות שלא מאפשרות שינוי העדפות. (בכוונה מחשבון אחר, כדי לבדוק איך עובדות התראות.)

Aaharoni-WMF (שיחהתרומות)

עוד ניסוי...

Aaharoni-WMF (שיחהתרומות)

ועוד ניסוי...

Amire80 (שיחהתרומות)

טוב, זה בערך משהו כזה:

/* bell before clicking */
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
	background-color: #bdc111;
}

/* bell after clicking */
#pt-notifications-alert .mw-echo-notifications-badge::after {
	background-color: #bdc110;
}

/* mailbox before clicking */
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
	background-color: #bdc113;
}

/* mailbox after clicking */
#pt-notifications-notice .mw-echo-notifications-badge::after {
	background-color: #bdc112;
}

המספרים של הצבעים אקראיים, אז תבחר לך משהו טוב יותר.

אזהרה כללית: זה כבר נכנס לדברים מורכבים ודינמיים, ואני ממש לא מבטיח שזה יעבוד לגמרי טוב. אפשר עוד לשפר את זה, אבל אין לי זמן להתעמק. אם בא לך לגרום לזה לעבוד טוב יותר, זאת הזדמנות טובה ללמוד איך להשתמש בדפדפן כדי לנתח אלמנטים של HTML ולכתוב CSS. זה כישור מבוקש מאוד בימינו :)

חזרתי (שיחהתרומות)

שלום אמיר,

הייתי בסביבה אז גם לי יש משאלה סביב אותם אלמנטים: האם ניתן (דרך ה-CSS האישי או אחרת) לשנות את הצבע (או את הצלמית עצמה) של הצלמיות של ההתראות (icon-bell) ושל ההודעות (icon-tray)?

Amire80 (שיחהתרומות)

אני לא עד כדי כך מומחה. אני לא בטוח שאפשר לשים שם תמונה מוויקישיתוף, למשל, כי קובץ התמונה של הפעמון הוא חלק מקוד המקור.

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

חזרתי (שיחהתרומות)

איני מבין בזה הרבה, זה מה שיש שם ואני לא יודע מה לשלוף משם ואיך לשנות: mw-echo-notifications-badge mw-echo-notification-badge-nojs oo-ui-icon-bell mw-echo-notifications-badge-all-read

תגובה ל"שאלה מוזרה"