برای زیباسازی وب سایت خود در اینترنت می توانید در طراحی آن تغییراتی ایجاد کنید. تغییر طرح به معنای هر اقدامی است ، از تغییر پس زمینه صفحه اصلی تا طراحی مجدد کاملاً الگوی سایت. اگر تصمیم دارید پس زمینه سایت خود را تغییر دهید ، دستورالعمل زیر در حل این مسئله کمک خواهد کرد.
ضروری است
ویرایش فایل css
دستورالعمل ها
مرحله 1
در بیشتر موارد ، کد طراحی سایت در پرونده style.css قرار دارد. اما هر الگویی می تواند با الگوی قبلی متفاوت باشد ، بنابراین کد طراحی می تواند در یک پرونده متفاوت قرار گیرد ، اما همچنین با پسوند css. برای تنظیم رنگ پس زمینه سایت خود ، باید مقدار موجود را با عبارت زیر وارد کنید یا جایگزین کنید: / * پس زمینه سفید * / بدنه {
background-color: #FFFFFF؛} / * پس زمینه عنوان سفید ، رنگ قلم سیاه * / h1 {
رنگ: # 000000؛
background-color: #FFFFFF؛
}
گام 2
برای قرار دادن هر تصویری به عنوان پس زمینه در سایت خود ، باید مقدار موجود را با عبارت زیر وارد کنید یا جایگزین کنید: body {
background-color: # 000000؛
background-image: url ("Image-1.jpg")؛
}
لازم به ذکر است که در این حالت ارائه پیوند به پرونده تصویر ضروری است ، که در همان پوشه با پرونده css قرار دارد.
مرحله 3
اگر می خواهید یک تصویر کوچک یا یک تصویر کوچک را کاشی کنید ، از دستور تکرار پس زمینه استفاده کنید. برای استفاده صحیح از این دستور ، اصلاحات مختلفی برای این دستور وجود دارد:
background-تکرار: تکرار-x - تکرار تصویر در امتداد محور x ؛
background-تکرار: تکرار-y - تکرار تصویر در امتداد محور y ؛
background-تکرار: تکرار - یک تصویر را همزمان در دو محور تکرار کنید.
background-repeat: بدون تکرار - تصویر تکرار نمی شود.
background-attachment: scroll - پیمایش تصویر همراه با صفحه ؛
background-attachment: fixed - تصویر پیمایش نمی شود.
با استفاده از نحو این دستور ، می توانید نحوه کار آن را به صورت مثال نشان دهید:
background-position: 30px 40px - تصویر از بالا 30 پیکسل و از چپ به راست 40 پیکسل است.
background-position: 60٪ 35٪ - بالشتک سمت چپ 60٪ و بالشتک بالایی 25٪ است.
