שינוי גודל הפוסט האחרון באתר רספונסיבי

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

ראשי › פורומים › תמיכה › שינוי גודל הפוסט האחרון באתר רספונסיבי

דיון זה מוגדר: סגור
מוצגות 15 תגובות – 1 עד 15 (מתוך 15 סה״כ)
  • מאת
    תגובות
  • 26/08/2015 בשעה 23:00 #31378
    maor cohen
    Participant

    בדף הבית של אחד האתרים שיושב על scoop . ניסינו ליצור שורה של קישורים מלבניים שווים.

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

    אני מניח שאני צריך לשנות איזה style תוכלו לומר לי מהו? או שמא יש דרך פשוטה יותר להקטין את הפוסט?

    תודה.

    26/08/2015 בשעה 23:02 #31379
    maor cohen
    Participant
    תגובה זו סומנה כפרטית.
    27/08/2015 בשעה 09:48 #31385
    Noa
    Participant

    שלום רב,

    תוכל להפנות אותי לפוסטים (לרשום פה את שם הכותרות) כך שאוכל להבין במה מדובר?

    27/08/2015 בשעה 15:43 #31448
    maor cohen
    Participant

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

    27/08/2015 בשעה 18:50 #31455
    Ariel
    Participant
    תגובה זו סומנה כפרטית.
    27/08/2015 בשעה 21:47 #31463
    maor cohen
    Participant
    תגובה זו סומנה כפרטית.
    28/08/2015 בשעה 09:17 #31475
    Ariel
    Participant

    אתה יכול לנסות להוסיף את הקוד הזה, אבל לא בטוח שזה יפתור לך את הבעיה:

    .gray_post .media-object {
    max-height: 220px;
}
    28/08/2015 בשעה 10:18 #31481
    maor cohen
    Participant

    הרעיון הוא יפה (האמת שניסיתי אותו)

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

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

    אשמח אם יהיה לך רעיון לפתרון (אני חושב שהפתרון נמצא רק אצל מי שמבין לעומק איך בנוי הפוסט האחרון באופן רספונסיבי. וה כנראה אתה 🙂 )

    28/08/2015 בשעה 10:32 #31482
    maor cohen
    Participant

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

    30/08/2015 בשעה 10:46 #31518
    Noa
    Participant

    קודם כל לגבי גודל הפוסט בדסקטופ, אתה יכול תמיד להוסיף לקוד מצב מובייל @media (max-width:768px) { } כך שהוא יוצג בגודל הזה רק בדסקטופ

    לגבי מכשירים אחרים, האם ניסית לתת לתמונה הזו רקע ולבדוק איך זה מותאם ריספונסיבית?

    30/08/2015 בשעה 13:07 #31556
    maor cohen
    Participant

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

    30/08/2015 בשעה 15:07 #31588
    Noa
    Participant

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

    30/08/2015 בשעה 15:08 #31590
    maor cohen
    Participant

    מה שם הקובץ אותו עליי לערוך?

    30/08/2015 בשעה 15:09 #31591
    maor cohen
    Participant

    האם למחוק אותו מתבנית האב? או רק להוסיף אותו לתבנית הבת?

    30/08/2015 בשעה 17:16 #31604
    Ariel
    Participant

    זה הקובץ הזה: content/recent_post-grid_one.php

    אתה לא מוחק אותו, אתה רק מעביר אותו לתבנית בת, באותו מיקום שבו הוא נמצא בתבנית אב – לתיקיית content

    ואז אתה יכול לערוך אותו ולשנות את הגודל של התמונות בשורה מספר 24

  • מאת
    תגובות
מוצגות 15 תגובות – 1 עד 15 (מתוך 15 סה״כ)
  • הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.