« قالبی برای بلاگر | Main | سال نو مبارک »

کار کردن با زمينه و رنگها
خواص رنگها:
رنگها را مي توان به چند حالت در استايلها تعريف کرد. براي مثال:

body { color: teal }
body { color: #008080 }
body { color: rgb(0, 128, 128) }
body { color: rgb(0%, 50%, 50%) }

همانطوري که در بالا مشاهده کرديد به چهار روش مي توانيد رنگها را تعريف کنيد. در روش اول شما مي توانيد اسم رنگهايي که توسط HTML پشتيباني ميشوند را بنويسيد. در روش دوم رنگها را به صورت اعداد هگزا استفاده شده اند و در دو روش بعد که مقادير سه رنگ قرمز، سبز و آبي را به صورت ارقام و درصد استفاده شده اند.

کنترل کردن تصاوير در زمينه:
براي نمايش عکس در زمينه و يا جاهاي بخصوص مي توانيد از فرمول زير استفاده کنيد:

background-image: url(IMAGE)

در اينجا IMAGE آدرس عکس ميباشد براي مثال:

B { background-image: url(d:\tem\images\bold_bg.gif) }

در مثال بالا شما زماني که تگ BOLD به کار برديد عکس زمينه براي آن تگ bold_bg.gif خواهد بود.
تکرار عکس در صفحه:

background-repeat: repeat_value

در اينجا مقدار repeat_value مي توان گزينه هاي از قبيل repeat, repeat-x, repeat-y, no-repeat باشند. مثال:

body {
 background-image: url(d:\tem\images\eagles.jpg);
 background-image: repeat }

body {
 background-image: url(d:\tem\images\eagles.jpg);
 background-image: repeat-x }

body {
 background-image: url(d:\tem\images\eagles.jpg);
 background-image: repeat-y }

body {
 background-image: url(d:\tem\images\eagles.jpg);
 background-image: no-repeat }

در مثالهاي بالا به ترتيب به صورتهاي مختلف نمايش داده ميشوند.: ۱. تکرار عکس در تمامي صفحه، ۲. تکرار عکس در جهت محور xها (افقي)، ۳. تکرار عکس در جهت محور yها (عمودي)، و ۴. بدون تکرار ميباشد. که به صورت شکل زير ميباشند.

موقيعت عکس در زمينه:
در مبحث قبلي شما مي توانستيد عکس را به چهار صورت نمايش دهيد حال اگر بخواهيد موقيعت عکس را در صفحه نمايش دهيد مي توان از فرمول زير استفاده کنيد:

background-position: horizontal_value vertical_value

به جاي horizontal_value, vertical_value مي توان از عدد، درصد، و يا اسم جهتهاي top, center, bottom, right, left استفاده کرد. براي مثال:

شناور شدن متن بروي عکس:
براي اينکار مي توانيد از فرمول زير استفاده کنيد:

background-attachment: attach

به جاي کلمه attach مي توان از scroll و يا fixed استفاده کرد. در حالت اول که به صورت پيش فرض ميباشد و در حالت دون متن بروي تصوير شناور ميباشد.
فرمول کلي براي زمينه (background) به صورت زير ميباشد:

background:  background-color background-image background-repeat
  background-attachment background-postion

براي مثال:

body { background: balck url(d:\tem\images\eagles.jpg) no-repeat fixed center center }

در مثال بالا رنگ زمينه سياه، و عکس eagles.jpg در وسط صفحه قرار خواهد گرفت که بدون تکرار ميباشد و متن بروي اين عکس شناور خواهد بود.

* منظور از شناور بودن متن بروي عکس اين ميباشد که عکس ثابت و متن بروي آن حرکت مي کند اما در حالت پيش فرض عکس به اندازه ارتفاع متن تکرار ميشود.

بازم ممنون خيلی کامل بود

موفق باشي
يا حق

طاها جان سلام // دوباره اين سايت لامصب به هم ريخته. نميدونم چی کارش کنم// اومدم لوگوش رو عوض کردم حالا گاهی نشون ميده گاهی نه// مثل هميشه بايد دست به دامن تو بشم
// خوش بگذره // و خدانگهدار// اشراق

سلام .
خسته نباشی عالی بود.

طاها جان سلام خسته نباشيد . مثل همیشه کامل و مفید بود.

قربونت!!!!!!!!

سلام
پیشاپيش سال جديد رو بهتون تبريک ميگم. سال خوب و سرشار از موفقيت رو براتون آرزو می کنم . باز هم مثل هميشه کامل و عالی بود ميشه لطفا در مورد تگ TBODY هم توضيح بدين
ممنون از طحمات شما

سلام
درمورد آموزش زبان اسمبلی ومثل های آن .
متشکرم .
پرويز

very nice site

---------------
Giełda Samochodowa
http://www.motonet.pl