ทำภาพพื้นหลังแบบ เว็บไซต์ MSN

 คือว่าผมข้องใจอ่ะครับเว็บไซต์ MSN นี้เขาทำพื้นหลังโดยการสร้างรูปภาพจาก Photoshot แบบไล่สีเอาทั้งหมดเลยหรือเปล่าครับถ้าเป็นอย่างที่ผมคิด

ก็คงต้องทำภามขนาดใหญ่มากเลยอาจทำให้เว็บโหลดช้าอ่ะครับ หรือว่าเขาทำด้วย CSS แล้วกำหนดไล่สีเอา แต่ถ้า CSS นั้นผมไม่เก่งเอาเลย

ก็เลยอยากถามเพื่อหาความรู้อ่ะครับ พอมีตัวอย่างให้ดูบ้างหรือเปล่าเอ๋ยครับ

ฝากอีกเรื่องนะครับ Webmaster หรือคุณ ninenik เว็บนี้น่าจะมีการสร้างหรือบทความการทำ mod rewirte บ้างนะครับเพื่อเป็นแนวทางการศึกษา

เพราะว่าเว็บไซต์นี้ก็ให้ workshop ที่สามารถนำไปประยุกต์ได้หลายตัวเลย ชอบๆๆมากมาย

ขอบคุณครับ

พี้นหลังแบบเว็บไซต์ MSN ไม่แน่ใจว่าหมายถึง background  ที่มีลักษณะแบบการไล่สีหรือป่าว
ถ้าใช้ การไล่พื้นหลังแบบเว็บไซต์ MSN เป็นการใช้งาน  CSS โดยใฃ้คุณสมบัติของ Background
พอมีวิธีการทำแบบพอเข้าใจคร่าวๆ โดยจะทำการไล่สีจากบนลงล่าง คือ
1.สร้างรูปด้วยโปรแกรม  ตกแต่งรูป กว้าง 2 pixels สูง ตามความต้องการ ตัวอย่างรูปที่่มีอยู่

2. กำหนด CSS style ให้กับ body

<style type="text/css">
body{
	background-color:#FCEAD2;
	background-image:url(https://www.ninenik.com/demo/images/gradient_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-attachment:scroll; 	
}
</style>

<style type="text/css">
body{
	background:#FCEAD2 url(https://www.ninenik.com/demo/images/gradient_bg.png) left top repeat-x scroll;
}
</style>

CSS background property สามารถนำไปประยุกต์ใช้ตามแต่ละคุณสมบัติ เช่น
background-color กำหนดสีพื้นหลังทั่วไป
background-image กำหนดพื้นหลังเป็นรูปภาพ
background-position เป็นส่วนสำคัญกับการทำ CSS Sprite images
background-repeat ประยุกต์ใช้สร้างพื้นหลังแบบไล่เฉดสี
background-attachment ประยุกต์การเคลื่อน หรือการตรึงของรูปพื้นหลัง

ตัวอย่าง https://www.ninenik.com/demo/css_background.php

 ขอบคุณมากครับได้ความรู้ในเรื่อง CSS อีกวันล่ะพอดีเรื่อง CSS นี้ผมเพิ่งจะหัดศึกษาอ่ะครับ