תמונת רקע דרך קובץ CSS

[alex542]

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

[EkolokoKing]

אתה פשוט מגדיר שזה הCSS של כל עמוד.

[alex542]

אתה פשוט מגדיר שזה הCSS של כל עמוד.

עשיתי כרגע ככה

קוד: בחר הכל

body {
        background-color: #FF0000;
       ;background-image: url("abstract0003.gif")
             ;background-repeat: no-repeat
            
            ;background-position: 50%
            }

והתמונה באמצע המסך כרגע ואני רוצה שהיא תהיה על כל העמוד מה אני צריך להוסיף לקוד?

[EkolokoKing]

תגדיל אותה?
עכשיו בPHP אתה צריך להגדיר שזה הCSS שלך.
בHTML תאחסן בתיקייה עם קובץ CSS אחד! הוא יעשה לכל עמוד את אותו הCSS.

[alex542]

מה הקוד אבל?
אני לא רוצה להגדיל את התמונה דרך לערוך אותה על המחשב.

בנוגע לשאר הדברים עשיתי כבר.

[EkolokoKing]

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

[alex542]

זה מה שאני מנסה אך אך עדיין ללא הצלחה לכן שאלתי.
תודה בכל זאת:)

[foromcool]

קח:

<img src="URL" alt="IMG" title="some text"

width="100" height="350" />

במקום הURL כתוב את כתובת התמונה, במקום הSOME TEXT כתוב את מה שיהיה כתוב אם התמונה לא תופיע,

width : רוחב התמונה, בפיקסלים
height : גובה התמונה בפיקסלים

[EkolokoKing]

יפהההההה גיא!

[alex542]

קח:

<img src="URL" alt="IMG" title="some text"

width="100" height="350" />

במקום הURL כתוב את כתובת התמונה, במקום הSOME TEXT כתוב את מה שיהיה כתוב אם התמונה לא תופיע,

width : רוחב התמונה, בפיקסלים
height : גובה התמונה בפיקסלים

זה בשביל קובץ HTML אני רציתי בשביל קובץ CSS.
תודה בכל זאת אם תמצא לCSS מאוד יעזור

[EkolokoKing]

חחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחח הרגתי אותי XD

[foromcool]

css זה עיצוב דפי html וphp ..

[alex542]

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

[yossi787]

לא כל-כך הבנתי מה כל הקודים שהבאתם עד עכשיו קשורים, אבל אם אתה מתכוון שהתמונה תימרח על כל העמוד הנה הקוד הנכון (ערכתי את מה שנתת מקודם):

קוד: בחר הכל

body {
background-color: #FF0000;
background-image: url("abstract0003.gif");
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}

פשוט להוסיף את השורה:

קוד: בחר הכל

background-size: 100% 100%;

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

[EkolokoKing]

COOL.