עבור לתוכן

בניית אתר- תמונה שתיתרחב לגודל המסך (בדומה לTaskbar)

Featured Replies

פורסם

שלום לכולם, אני משער שאחרי הכול זה תיכנות מה שאני צריך לעשות לאתר (ב-Php,HTML או Javascript אולי...),

תמיד אני רואה אתרים שיש לוגו ויש להם רקע מסויים ללוגו והרקע ממשיך עם המסך לרוחב (לדוגמא הTaskbar של Windows)

דוגמא מאתר:

http://ptc.com/

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

מעוניין לעשות.

אני יודע קצת PHP, יותר מתמצא ב-HTML, אשמח לקבל קוד איך לעשות את מה שאני מבקש,

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

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

תודה רבה!

פורסם
  • מחבר

תודה רבה!

החלטתי לנסות לשלב את זה עם תמונה לוגו בHTML (שיש להם אותם רקעים)

אבל התמונה מופיעה קצת מתחת הלוגו ולא באותו קו איתו,

מה לא כתבתי נכון בקוד? (אני לא מתמצא ב-CSS אז רשמתי ב-HTML):

<style type="text/css">
body
{
background-image:url(file.jpg);
background-repeat: repeat-x
}
</style>
<img src="logo.jpg">

ושוב תודה!

פורסם

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

<style type="text/css">
body
{
margin-top: 0px;
padding-top: 0px;
background-image:url(file.jpg);
background-repeat: repeat-x
}
</style>
<img src="logo.jpg">

פורסם
  • מחבר

תודה רבה! הקוד עובד, ואם הבנתי נכון אתה הפעם בעצם הגדרת לתמונת רקע להיות 0 פיקסלים למעלה (זאת אומרת הכי למעלה)

ומה ז"א padding? ואני מצטער שזה בא כתגובה בנפרד ממקודם אבל עכשיו זה פשוט עלה לי לראש,

איך אני יכול להגדיר שהלוגו יהיה במרכז (logo.jpg) והרקע ימשיך מהקצוות של הלוגו (כמו באתר של PTC)?

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

תודה!

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים