-
תגובות
-
בדף הבית של אחד האתרים שיושב על scoop . ניסינו ליצור שורה של קישורים מלבניים שווים.
כאשר רצינו להציג את הפוסט האחרון (אנו צריכים את המידע שנשאב משם) נתקענו עם גודל שאנחנו רוצים להקטין. (כדי שיתאים לשאר הפריטים שמסביבו)
אני מניח שאני צריך לשנות איזה style תוכלו לומר לי מהו? או שמא יש דרך פשוטה יותר להקטין את הפוסט?
תודה.
תגובה זו סומנה כפרטית.שלום רב,
תוכל להפנות אותי לפוסטים (לרשום פה את שם הכותרות) כך שאוכל להבין במה מדובר?
זה בלי כותרות הרקע שלהם הוא אפור. (זה משני הצדדים של התמונה החומה שמפנה לניוזלטר) ובשניהם ישנם סתם תמונות (ממש מתחת לרולושין סליידר שלמעלה)
תגובה זו סומנה כפרטית.תגובה זו סומנה כפרטית.אתה יכול לנסות להוסיף את הקוד הזה, אבל לא בטוח שזה יפתור לך את הבעיה:
.gray_post .media-object { max-height: 220px; }הרעיון הוא יפה (האמת שניסיתי אותו)
אך הבעיה האמיתית היא שכאשר מקטינים את הדף אז החלק הזה לא קטן יחד עם שאר הריבועים. כלומר זה לא ייצור את הפעולה הרספונסיבית שהריבוע האפור יגדל ויקטן ביחס לשאר.
ואז כאשר מקטינים את הדף. במכשירים שונים, החלק הזה שוב גדול ביחס לאחרים. וזו עיקר הבעיה מלכתחילה.
אשמח אם יהיה לך רעיון לפתרון (אני חושב שהפתרון נמצא רק אצל מי שמבין לעומק איך בנוי הפוסט האחרון באופן רספונסיבי. וה כנראה אתה 🙂 )
בנוסף שמתי לב שכנראה עיקר ה"בעיה" שהתמונה נמתחת לגובה בכל מצב. גם אם היא מתפקסלת. (שזה כנראה נעשה על ידכם כדי שהגובה של כל הפוסט ישאר קבוע, שזה באמת הגיוני, רק שיותר יפה זה לשנות באמת את גודל התמונה כפי שהמעצב חפץ, ואז לשמור על הגודל של הפוסט בעזרת צבע הרקע)
קודם כל לגבי גודל הפוסט בדסקטופ, אתה יכול תמיד להוסיף לקוד מצב מובייל
@media (max-width:768px) { }כך שהוא יוצג בגודל הזה רק בדסקטופלגבי מכשירים אחרים, האם ניסית לתת לתמונה הזו רקע ולבדוק איך זה מותאם ריספונסיבית?
להוסיף מצב מובייל ניסיתי. אך הצורך שלי הוא שהפוסט יקטן ויגדל כמו שהוא עושה עכשיו. רק שכל מה שמפריד ביננו לכך, הוא גובה התמונה שמשום מה לא פרופורציונאלית למה שאנחנו מכניסים. (כלומר יש לה גובה קבוע ביחס לרוחב. ולא לפי מה שמכניסים. נניח היא תמיד תהיה ריבוע בערך ולא מוכנה להיות מלבן.) אני כמעט בטוח שזה בהגדרות הcss רק שאיני מוצא היכן.
לצערי זה לא אפשרי בצורה מובנית, ניתן רק באמצעות עריכת הקוד עצמו בתבנית בת.
מה שם הקובץ אותו עליי לערוך?
האם למחוק אותו מתבנית האב? או רק להוסיף אותו לתבנית הבת?
זה הקובץ הזה:
content/recent_post-grid_one.phpאתה לא מוחק אותו, אתה רק מעביר אותו לתבנית בת, באותו מיקום שבו הוא נמצא בתבנית אב – לתיקיית content
ואז אתה יכול לערוך אותו ולשנות את הגודל של התמונות בשורה מספר 24
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.