עבור לתוכן

איך מגדירים רקע שהוא PATTERN

על-ידי הילה2000
ב תכנות

Featured Replies

פורסם

שלום לכולם

מישהו יודע איך מגדירים בHTML רקע לאתר שהוא סוג של PATTERN

לדוגמא הרקע החום עם העיגולים באתר הנ"ל

http://www.iah.org.il

תודה

  • ציטוט
    • פורסם

    שמרי את הPATTERN בתור רקע (כמו התמונה ששלחו מעליי).

    ואת הקוד הבא הוסיפי לגליון הCSS / לדף:

    body {
    	background-image: url('image path');
    	background-repeat: repeat;
    }

    כאשר image path הוא נתיב התמונה, במקרה של האתר:

    http://www.iah.org.il/images/flower_bg.gif

    מקווה שעזרתי.

  • ציטוט
    • פורסם
    • מחבר

    עזרתם מאוד

    אתם גדולים :yelclap:

    תודה

  • ציטוט
    • פורסם
    • מחבר

    עוד שאלה של מתחילה :) בבקשה ..

    איך למקם את התמונה " tree.gif" במרכז למעלה (ביחס הדף) כי כרגע התמונה נצמדת לשמאל


    <html> 

    <head> 
      <title>pattern</title> 
    </head> 

    <body background="bg_pattern4.gif" bgproperties="repeat">

    <"img src="tree.gif" width="800" height="1000""> 

    </body> 



    </html>

    תודה

  • ציטוט
    • פורסם

    עושים את זה באמצעות CSS. אני ממליץ לך בחום ללמוד את זה קצת.

    בכל מקרה, גיגול קצר של css center image ייתן לך תשובות, לדוגמה:

    http://webdesign.about.com/od/beginningcss/a/aa012207.htm


    <style type="text/css">
      img.center {
       display: block;
       margin-left: auto;
       margin-right: auto;
      }
    </style>

    <img src="tree.gif" class="center" />

    נ.ב. אל תשתמשי בכפתור "הכנס ציטוט", אלא בכפתור "הכנס קוד" שלידו.

  • ציטוט
    • פורסם
    • מחבר

    מעולם לא התעסקתי ב CSS אני מכירה קצת HTML

    אעשה חיפוש נראה במה מדובר

    בקשר לנ.ב. שרשמת, ערכתי.

    תודה שניצל :)

  • ציטוט
    • פורסם
    • מחבר

    עשרות נסיונות וכלום ...!

    לא הצלחתי למקם תמונת רקע שחוזרת על עצמה ועליה תמונה במרכז הדף

    כמה מסובך זה יכול להיות :kopfpatsch:

    בבקשה עזרה ...

  • ציטוט
    • פורסם 
    <style type="text/css">
    #wrapper {
    	margin: auto;
    	text-align: center;
    }

    #wrapper img {
    	text-align: center;
    }
    </style>

    <div id="wrapper">
    	<img src="tree.gif" />
    </div>

  • ציטוט
    • פורסם
    • מחבר

    זה לא עובד :(

  • ציטוט
    • פורסם 

    [code]<style type="text/css">
    body {
    	margin: auto;
    	text-align: center;
    	background-image: url('image path');
    	background-repeat: repeat;
    }

    #wrapper {
    	margin: auto;
    	text-align: center;
    }
    </style>

    <div id="wrapper">
    	<img src="tree.gif" />
    </div>

    הקוד הזה אמור לעבוד.

    בהצלחה

  • ציטוט
    • פורסם
    • מחבר

    יששששש!!!! זה עובד !!!

    תודה גל :xyxthumbs:

    ושבת שלום

  • ציטוט

    • ארכיון

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

    עבור לרשימת הדיונים

    דיונים חדשים