פוטר בדף משתמשים שיהיה 100% על כל המסך
-
@איש-נחמד כן טעיתי.
עכשיו יש בעיה אחרת, בדפים שלפני כן הייתה שגיאה הוא נוטה קצת שמאלה.
תוכל ליצור איתי קשר? אני יפנה אותך לראות בדיוק את הבעיה -
אני באמצע לעצב איזה פורום נודביבי, ועיצבתי שם footer גלובאלי שיוצג בכל הפורום.
עכשיו משום מה זה אמנם מוצג יפה ברוב האתר, אבל יש דפים כמו
משתמשים
פוסטים אחרונים
קבוצות
שזה מוצג רק במרכז המסך, ולא נמתח 100% על הכל.
אם מישהו יודע להסביר לי למה זה ככה ואיך אפשר אולי לפתור את זה, אשמח מאוד..מי שמעוניין לעזור, יכול לפנות אלי בפרטי ולקבל קישורים בשביל להבין מה הבעיה..
-
@avi-klaine אכן, כנראה זאת הבעיה,
עכשיו אני צריך עזרה איך מסירים את הקלאס הזה.
יעויין כאן
https://mitmachim.top/topic/26880/הסרת-class-על-ידי-js -
@avi-klaine אכן, כנראה זאת הבעיה,
עכשיו אני צריך עזרה איך מסירים את הקלאס הזה.
יעויין כאן
https://mitmachim.top/topic/26880/הסרת-class-על-ידי-js@ntz פשוט תוסיף את הקלאס שאתה רוצה וזה ידרוס את הקיים
למשל כאן אתה רוצה להוסיף את הקלאסcontainer-fluidלbody או ל- main שלך (איפה שקייםcontainer)
שים לב : שאם תשנה ל-container-fluid ב-body/main זה יגרום שכל הפוסטים שלך יהו ג''כ לכל רוחב נמסך ואת זה כנראה אתה לא רוצה לכן תנסה להוסיף ל'פוטר'(?) שלך את container-fluid -
@ntz פשוט תוסיף את הקלאס שאתה רוצה וזה ידרוס את הקיים
למשל כאן אתה רוצה להוסיף את הקלאסcontainer-fluidלbody או ל- main שלך (איפה שקייםcontainer)
שים לב : שאם תשנה ל-container-fluid ב-body/main זה יגרום שכל הפוסטים שלך יהו ג''כ לכל רוחב נמסך ואת זה כנראה אתה לא רוצה לכן תנסה להוסיף ל'פוטר'(?) שלך את container-fluid@avi-klaine איך אני יוסיף?
אין לי גישה לקבצי מקור.. -
@avi-klaine איך אני יוסיף?
אין לי גישה לקבצי מקור..@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
@avi-klaine איך אני יוסיף?
אין לי גישה לקבצי מקור..ע'י הסלקטור עליו יש container-fluid למשל .body
אני חושב שהסלקטור הוא #content וכמדומני שיש דרך ב להוסיף מחלקות ב-jquery לא זוכר כרגע איך , בודק -
@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
@avi-klaine איך אני יוסיף?
אין לי גישה לקבצי מקור..ע'י הסלקטור עליו יש container-fluid למשל .body
אני חושב שהסלקטור הוא #content וכמדומני שיש דרך ב להוסיף מחלקות ב-jquery לא זוכר כרגע איך , בודק@avi-klaine אתה מדבר על CSS או JS ?
-
@avi-klaine אתה מדבר על CSS או JS ?
@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
@avi-klaine אתה מדבר על CSS או JS ?
jquery שזה בעצם מוסיפים בJS
-
@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
@avi-klaine אתה מדבר על CSS או JS ?
jquery שזה בעצם מוסיפים בJS
@avi-klaine איך אני מכניס jquery ?
כי הכנסתי קוד כזה
ל js (בנודביבי) וזה לא עבד$('div[data-widget-area="footer"]').removeClass('col-xs-12'); -
@avi-klaine איך אני מכניס jquery ?
כי הכנסתי קוד כזה ל js (בנודביבי) וזה לא עבד$('div[data-widget-area="footer"]').removeClass('col-xs-12');@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
removeClass
אמור ליהות לך jquery
(ודרך אגב כל הכבוד אתה לומד מהר מאוד נושאים חדשים
) -
@avi-klaine איך אני מכניס jquery ?
כי הכנסתי קוד כזה ל js (בנודביבי) וזה לא עבד$('div[data-widget-area="footer"]').removeClass('col-xs-12'); -
@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
removeClass
אמור ליהות לך jquery
(ודרך אגב כל הכבוד אתה לומד מהר מאוד נושאים חדשים
)@avi-klaine אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
אמור ליהות לך jquery
איפה? בניהול בנודביבי?
כי אני לא מוצא..
אני יכול להטמיע את זה ב HTML ?
כמו שמטמיעים CSS ככה<style> -
@ntz תנסה להכניס את מה שכתבת לתוך זה לסוגריים המסולסלות
$(document).ready(function () {}הכנסתי ככה
$(document).ready(function () {$('div[data-widget-area="footer"]').removeClass('col-xs-12');}ולא עובד
-
@avi-klaine אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
אמור ליהות לך jquery
איפה? בניהול בנודביבי?
כי אני לא מוצא..
אני יכול להטמיע את זה ב HTML ?
כמו שמטמיעים CSS ככה<style>@ntz אמר בפוטר בדף משתמשים שיהיה 100% על כל המסך:
איפה? בניהול בנודביבי?
כי אני לא מוצא..אז ככה :
-
בעיקרון אתה אמור להוסיף יבוא של jquery לhaed
בnodebb זה כבר קיים למיטב ידעתי -
אח'''כ אתה יכול להוסיף קוד ב-jquery בקוד הjs שלך
-
רק כדי שהפונקציה תפעל אתה מריך ליצור אירוע כמו לחיצה על כפתור
הקוד שהבאתי לך זה האירוע של טעינת העמוד
-
-
הכנסתי ככה
$(document).ready(function () {$('div[data-widget-area="footer"]').removeClass('col-xs-12');}ולא עובד
-
-
@ntz מצאתי אתה יכול לכתוב כך :
.container { width: 100% !important; }עריכה : אבל זה יפגע לך בפורום מכיוון שאתה לא רוצה שגם הפוסטים יהיו 100% לכן תנסה להוסיף את הקלאס container-fluid לוויגדט שלך
@avi-klaine זה ימתח לי את הכל (פוסטים וכו)
אני רוצה רק את הפוטר -
@avi-klaine זה ימתח לי את הכל (פוסטים וכו)
אני רוצה רק את הפוטר -
@avi-klaine זה ימתח לי את הכל (פוסטים וכו)
אני רוצה רק את הפוטר
 { 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}