آموزش قرار دادن عکس در پس زمینه در سایت

پس زمینه ی سایت یکی از عناصر مهم در طراحی یک وبسایت می باشد که اگر سایت شما دارای پس زمینه ی زیبا و حرفه ای نباشد ، ممکن است کاربر از سایت شما راضی نباشد و یا پس از مدتی از سایت شما خسته شود ! پس باید در انتخاب رنگ بندی پس زمینه ی سایت خود بسیار دقت کنید ؛ زیرا پس زمینه یکی از عناصری می باشد که در تمامی صفحات سایت ، در معرض دید کاربر قرار می گیرد . یکی از عواملی که سبب زیبایی سایت شما می گردد استفاده از پس زمینه های زیبا در سایت می باشد ! در این مطلب قصد داریم به شما آموزش دهیم که چوگه می توان یک عکس را به عنوان پس زمین ی سایت قرار داد . در ادامه با ما و آموزش قرار دادن عکس در پس زمینه ی سایت همراه باشید .

آموزش قرار دادن عکس در پس زمینه در سایت
ابتدا باید دقت کنید که عکسی را که انتخاب کرده اید ، حجم زیادی نداشته باشد ؛ چراکه سنگین شدن سایت باعث کاهش سرعت لود و در نتیجه نارضایتی کاربر و موتور های جستجو را در پی خواهد داشت . چراکه سرعت لود سایت یکی از فاکتور های مهم سئوی سایت در موتور های جستجو می باشد . برای اینکار کد زیر را در فایل استایل قالب خود قرار دهید .

body{
&background:url(img url) no-repeat
}

به جای img url در کد بالا ،‌ آدرس عکس یا پترن سایت خود را وارد نمایید .
در صورتی که قصد دارید به جای استفاده از تصویر از پترن و بک گراند استفاده کنید ، کلمه ی no-repeat را به repeat تغییر دهید تا به صورت مرتب تکرار شود . همچنین برای تمام عرض کردن تصویر یا بمگراند خود می توانید کد زیر را بعد از کد های بالا اضافه نمایید .

background-size:cover;
5/5 - (1 امتیاز)
2 نظرات
  1. مهرشاد می گوید

    توی دستور CSS شما اومدی تگ html رو کپی کردی به نام Strong.
    اشتباهه عزیز برش دارین.

    1. وحید زعفرانلو می گوید

      باسلام . اصلاح شد
      باتشکر

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.