استفاده از تصویر زمینه برای وبلاگ/وبسایت به وسیله CSS
شهریور ۲م, ۱۳۹۰
توجه: برای تمرین نکات ارائه شده در این متن، حتما از تصویری کوچک استفاده نمایید، مثلا تصویری با ابعاد ۱۰۰ پیکسل در ۱۰۰ پیکسل!
جهت انتخاب تصویر زمینه برای بدنه سایت یا Body ، طبق شکل زیر عمل نموده و آدرس تصویر مورد نظر را بین پرانتز قرار دهید!
در حالت پیشفرض، تصویر مورد نظر تکرار شده و تمام زمینه ی سایت را پر می کند!
اما اگر نمی خواهید تصویر مورد نظر تمام زمینه ی سایت را اشغال نماید، no-repeat را به کد فوق بیافزایید تا تصویر فقط یکبار نمایش داده شود!
ممکن است بخواهید تصویر مورد نظرتان، محیط بالای سایت یا فقط اطراف سایت را پوشش دهد!
در اینصورت طبق شکل زیر عمل نمایید!
(توجه کنید که بعد از بسته شدن پرانتز از ; استفاده شده است!)
یکبار هم به جای x از y استفاده کنید تا دقیقا متوجه شوید که تصویر به چه صورت تکرار خواهد شد!
(x یعنی تکرار تصویر در جهت محور x ها و y یعنی تکرار تصویر در جهت محور y ها)
نویسنده: حمید توکلی
نوشته شده در دسته ي: CSS
۲ دیدگاه
1. لیلا | شهریور ۲۳م, ۱۳۹۰ at ۴:۰۰ ب.ظ
سلام
خیلی مختصر و مفید مطالب بیان شده
مرسی
2. MojtabaMax | آذر ۳م, ۱۳۹۰ at ۷:۳۹ ب.ظ
ممنون اینم خوب بود و کاربردی
دیدگاهی بنویسید
باید وارد سایت شده باشید برای دیدگاه دادن
Trackback this post | Subscribe to the comments via RSS Feed