איך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?
-
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
@איציק-דייטש
התשובה כאן, אבל אני לא מבין בcss
https://stackoverflow.com/questions/8188060/how-to-make-link-not-change-color-after-visited -
@איציק-דייטש אמר באיך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?:
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
אתה צריך לשנות את כללי ה-CSS שלו המגדירים אותו בpseudo-class - active
כלומר:
משהו כזה:a:active { color: blue; }מקווה שהובנתי
תגגל על pseudo-class אם אתה עדיין לא מכיר את המושג (CSS)
יש הסבר לזה במדריך של @מוטי-אורן כאן -
@איציק-דייטש אמר באיך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?:
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
אתה צריך לשנות את כללי ה-CSS שלו המגדירים אותו בpseudo-class - active
כלומר:
משהו כזה:a:active { color: blue; }מקווה שהובנתי
תגגל על pseudo-class אם אתה עדיין לא מכיר את המושג (CSS)
יש הסבר לזה במדריך של @מוטי-אורן כאן -
@chv הקוד שנתת מובן לחלוטין, וזה עזר לי מאוד!!
השאלה רק אם יש אפשרות שלא יהיה בכלל, זתומרת שישאר הצבע שיש לפני -
@איציק-דייטש לא הבנתי מה הבעיה להגדיר את הצבע שיש לפני, על active.
הנה דוגמא פשוטה לחצתי על הלינק של 'לפני 3 דקות' ובדקתי את ה-CSS שלו:
כמו שאתה רואה, באותו כלל הם דחפו את כל המצבים של הלינק (אקטיבי, בפוקוס, במעבר)
בכל המצבים הוא יישאר אותו צבע -
@איציק-דייטש
התשובה כאן, אבל אני לא מבין בcss
https://stackoverflow.com/questions/8188060/how-to-make-link-not-change-color-after-visited@menis אמר באיך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?:
@איציק-דייטש
התשובה כאן, אבל אני לא מבין בcss
https://stackoverflow.com/questions/8188060/how-to-make-link-not-change-color-after-visitedזה ל visited ואני הייתי צריך ל active
-
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
-
@איציק-דייטש תנסה לכתוב:
text-decoration: none;@יוסף-צאיג קודם כל אני ממליץ לך בחום לקרוא את חוקי הפורום!
דבר שני אני ממליץ עוד יותר בחום לקרוא את מדריך לשימוש בפורום
כי קוד כותבים ככהtext-decoration: none;
ולעניינינו...
מה שהצעת בכלל הקו התחתון של הקישור ולא הצבע חוצמיזה שאם תעלה למעלה ותסתכל טוב, תשים לב שזה כבר הסתדר לי
תודה בכל מקרה!
-
@יוסף-צאיג קודם כל אני ממליץ לך בחום לקרוא את חוקי הפורום!
דבר שני אני ממליץ עוד יותר בחום לקרוא את מדריך לשימוש בפורום
כי קוד כותבים ככהtext-decoration: none;
ולעניינינו...
מה שהצעת בכלל הקו התחתון של הקישור ולא הצבע חוצמיזה שאם תעלה למעלה ותסתכל טוב, תשים לב שזה כבר הסתדר לי
תודה בכל מקרה!
-
@איציק-דייטש נכון שזה מוסב על הקו התחתון אבל אם תשים לזה צבע זה יעבוד
color: white;
למשל.
ותודה על ההמלצות@יוסף-צאיג מצטער שאני אומר לך את זה אבל נשמע שאין לך מושג ב css
-
@יוסף-צאיג מצטער שאני אומר לך את זה אבל נשמע שאין לך מושג ב css
-
א אלישי העביר נושא זה מ-CSS3 ב-
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}