گروه برنامه سازی کامپیوتر صفر و یک

#
با سلام خدمت شما بازديدكننده گرامي ، خوش آمدید به وبگاه صفر و یک . لطفا براي هرچه بهتر شدن مطالب اين وبگاه ، ما را از نظرات و پيشنهادات خود آگاه سازيد و ما را در بهتر شدن كيفيت مطالب ياري کنید.
تعداد کل کاربران وبگاه 19
اعضای انلاین وبگاه 1

وبگاه صفرویک را بایک کلیک محبوب کنید
با ثبت نام رایگان صاحب پنل اس ام اس با امکانات زیادی شوید


نام کاربری
رمز عبور

فراموشی رمز عبور؟

عضویت رایگان

نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری

  1. مرکز آموزش علمی و کاربردی جامعه اسلامی کارگران واحد اصفهان "
  1. سامانه جامع آموزشی دانشگاه علمی کاربردی"
  1. اینجا همه چی در همه"
  1. خط کشی"
  1. ردیاب ارزان ماشین"
  1. جلو پنجره جک جی 5"

تبادل لینک هوشمند

برای تبادل لینک ابتدا ما را با عنوان بچه های برنامه سازی کامپیوتر-کاردانی و آدرس sephroyek.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.





براي اطلاع از مطالب جدید وبگاه در خبرنامه عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود



تعداد کل مطالب ارسالی 62
تعداد بازدید امروز از وبگاه 53
تعداد بازدید دیروز از وبگاه 3
ورودی گوگل امروز 5
ورودی گوگل دیروز 0
بازدید کل از وبگاه 16920

اعمال رنگ و تصویر پس زمینه و پیش زمینه
نویسنده: مدیر ساعت و تاریخ انتشار: 21:33|شنبه 16 آبان 1394 بازدید: 111 موضوع: آموزش HTML5

اعمال یک رنگ پس زمینه

 رابه تگ باز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

تصویر را در مرکز صفحه قرار می دهد.

موفق باشید

 



نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:





فاقد عکس پس زمینه, پیش زمینه, رنگ, تصویر, عکس پشت صفحه, style, html,