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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ทำภาพพื้นหลังแบบ เว็บไซต์ MSN

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

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

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

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

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

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

ขอบคุณครับ

Cpuhost 23-11-2009 21:00:16

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

พี้นหลังแบบเว็บไซต์ 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

ninenik 23-11-2009

ความคิดเห็นที่ 2

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

cpuhost 23-11-2009 23:42

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน