تعداد کل کاربران وبگاه | 19 |
اعضای انلاین وبگاه | 1 |
تبادل لینک هوشمند
برای تبادل لینک ابتدا ما را با عنوان بچه های برنامه سازی کامپیوتر-کاردانی و آدرس sephroyek.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.
تعداد کل مطالب ارسالی | 62 |
تعداد بازدید امروز از وبگاه | 1 |
تعداد بازدید دیروز از وبگاه | 0 |
ورودی گوگل امروز | 0 |
ورودی گوگل دیروز | 0 |
بازدید کل از وبگاه | 17993 |
اعمال یک رنگ پس زمینه
رابه تگ بازStyle="background-color:color"برای مشخص کردن یک رنگ پس زمینه برای کل صفحه، خاصیت
اضافه کنید. <body>
به عنوان مثال برای قرمز کردن پس زمینه کل صفحه، از کد زیر استفاده می کنیم:
<"body style="background-color: red>
می توانیم از نام های رنگ مقادیر RGB بصورت عادی یا مبنای 16(هگزادسیمال) استفاده کنیم.
کد فوق را بصورت زیر اصللاح می نماییم
<"body style="background-color: #BF1B1E>
<"(body style="background-color: rgb(0,10,0>
اعمال کردن یک رنگ پیش زمینه
رنگ پیش زمینه رنگ پیش فرض متن برای صفحه است.می توانید رنگ پیش زمینه را با استفاده از خاصیتcolor تعیین کنید. این خاصیت را می توان با خاصیت رنگ پس زمینه در یک دستورstyle ترکیب کرد.
به عنوان مثال، برای استفاده از متن زرد رنگ روی یک پس زمینه آبی تیره؛ از کد زیر استفاده می کنیم.
<"body style="background-color: navy ; color: yellow>
نکته: وقتی خاصیت ها را در یک دستور style ترکیب می کنید، آنها را با یک نقطه ویرگول یا سیمی کالن از یکدیگر جدا کنید.
استفاده از یک فایل تصویر به عنوان پس زمینه ی کل صفحه وب
یک تصویر پس زمینه در پشت متن روی یک صفحه ظاهر می شود. به صورت پیش فرض اگر تصویر کل صفحه را پر نکند، به صورت کاشی مانند آنقدر تکرار می شود تا کل صفحه را پر کند.
برای استفاده از یک فایل تصویر به عنوان پس زمینه، از یک خاصیت background-image در تگ باز بدنه صفحه استفاده می کنیم مشابه با کاری که برای رنگ پس زمینه و پیش زمینه انجام دادیم.
در مثال زیر یک عکس با نام sephroyek.gif میخواهیم بعنوان تصویر پس زمینه صفحه وبمون استفاده کنیم.از کدی مانند زیر استفاده می کنیم:
<body style="background-image: url(آدرس عکس مورد نظر)>
<body style="background-image: url(sephroyek.gif)>
خب به صورت پیش فرض در کد بالا عکس مورد نظر به صورت کاشی کاری به نمایش در می آید.
خواص تکرار تصویر پشت زمینه:
1- برای تکرار تصویر در کل صفحه وب (افقی و عمودی) از کد زیر استفاده می کنیم:
background-repeat:repeat
2- برای جلوگیری از تکرار تصویر از کد زیر استفاده میکنیم:
background-repeat:no-repeat
3- برای تکرار تصویر به صورت افقی از کد زیر استفاده می کنیم:
background-repeat:repeat-x
4- برای تکرار تصویر به صورت عمودی از کد زیر استفاده می کنیم:
background-repeat:repeat-y
5- زمانی که کاربر به سمت پایین اسکرول میکند تصویر نیز با اسکرول حرکت می نماید، برای ثابت نگه داشتن تصویر از کد زیر استفاده می کنیم.
background-attachment:fixed
موقعیت تصویر پشت زمینه
برای تعیین موقعیت تصویر در صفحه وب از کد background-position استفاده می کنیم.
انواع موقعیت های تصویر |
|
Bottom |
تصویر را در موقعیت پایین صفحه قرار می دهد. |
Top |
تصویر را در موقعیت بالای صفحه قرار می دهد. |
Left |
تصویر را در موقعیت چپ صفحه قرار می دهد. |
Right |
تصویر را در موقعیت راست صفحه قرار می دهد. |
Center |
تصویر را در مرکز صفحه قرار می دهد. |
موفق باشید
نظرات شما عزیزان: