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