تا حالا پیش آمده که وب سایتی رو ببینید که عکس پس زمینه اون ثابت باشه ولی در عین حال صفحه scroll هم داشته باشه ؟
به این دو سایت نگاه کنید البته مرجع کاملی هم برای بکگراند سایت شما می باشد.سایت بکگراند شماره ۱ و سایت بکگراند شماره ۲
اینکار به سادگی انجام میگیره و اضافه کردن چند خط به سورس کد CSS امکان پذیر میشود...
تا حالا پیش آمده که وب سایتی رو ببینید که عکس پس زمینه اون ثابت باشه ولی در عین حال صفحه scroll هم داشته باشه ؟
به این دو سایت نگاه کنید البته مرجع کاملی هم برای بکگراند سایت شما می باشد.سایت بکگراند شماره ۱ و سایت بکگراند شماره ۲
اینکار به سادگی انجام میگیره و اضافه کردن چند خط به سورس کد CSS امکان پذیر میشود :
کافیه که این چند خط رو به فایل CSS و یا در صورتیکه فایل CSS ندارید به صفحه HTML سایتتون و بین تگهای <head> و </head> اضافه کنید .
-
<style type=“text/css”>
-
body
-
{
-
background-image: url(“image.gif”);
-
background-repeat: no-repeat;
-
background-attachment: fixed;
-
background-position: center;
-
}
-
</style>
background-image : آدرس دهی فایل عکس برای قرار گرفتن بصورت پس زمینه
backgroud-repeat : رفتار پس زمینه را مشخص میکند و میتواند Repeat(تکرار عکس در جهت افقی و عمودی) Repeat-x(تکرار در جهت عمودی) Repeat-y(تکرار در جهت افقی) و no-Repeat(بدون تکرار) را پذیرا باشد .
background-attachment : تعیین اینکه پس زمینه دارای اسکرول(scroll) و یا ثابت (fixed) باشد .
background-position : تعیین موقعیت (وقتی فعال است که اندازه عکس از اندازه صفحه کوچکتر باشد)