2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground
LSVคลังสมองออนไลน์ "ปีที่21"
มีนาคม 28, 2024, 05:50:06 PM *
ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
 
   หน้าแรก   ช่วยเหลือ เข้าสู่ระบบ สมัครสมาชิก  
หน้า: [1]   ลงล่าง
  พิมพ์  
ผู้เขียน หัวข้อ: 2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground  (อ่าน 27191 ครั้ง)
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน1346
ออฟไลน์ ออฟไลน์

กระทู้: 18612


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« เมื่อ: มิถุนายน 10, 2014, 04:19:43 PM »

ต้องเข้าไปทำใน css นะครับ จะพบว่าโค๊ดจะเป็นลักษณะนี้ครับ

---------------------------------
@charset"utf-8";

html{background:#032CFC;}

---------------------------------

032CFC เราจะเปลี่ยนพื้นหลังเป็นสีอะไรก็ได้ ในกรณีนี้ เราตั้งค่าเป็นสีน้ำเงินเข้ม คือค่าตัวเลข 032CFC





บันทึกการเข้า

ช่างเล็ก(LSV)
Administrator
member
*

คะแนน1346
ออฟไลน์ ออฟไลน์

กระทู้: 18612


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #1 เมื่อ: มิถุนายน 10, 2014, 04:24:34 PM »

ส่วนโค๊ด ใส่ภาพพื้นหลังนั้น จะเป็นลักษณะนี้

---------------------------------
body{ background:url(../2/images/bgtop.jpg); background-position:center top; background-repeat: repeat-x; margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}
---------------------------------

ในตัวสีแดง เราต้องสร้างโฟลเดอร์เก็บไฟล์ไว้บน server ด้วย ดังนี้ครับ  http://www.leksound.net/108topgame/2/images/bgtop.jpg  ภาพพื้นหลังจึงจะปรากฎ

บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน1346
ออฟไลน์ ออฟไลน์

กระทู้: 18612


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #2 เมื่อ: มิถุนายน 10, 2014, 04:49:05 PM »

คำสั่งให้ภาพพื้นหลัง อยู่กับที่ หรือเลื่อนตาม Scroll Bar

------------------------------------------------------------------------------------------------------------------
คำสั่งให้ภาพพื้นหลัง เลื่อนตาม Scroll Bar
body{ background:url(../2/images/bgtop.jpg); background-position:center top; background-repeat: repeat-x; background-attachment:scroll;  margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}
------------------------------------------------------------------------------------------------------------------


คำสั่งให้ภาพพื้นหลัง อยู่กับที่
body{ background:url(../2/images/bgtop.jpg); background-position:center top; background-repeat: repeat-x;background-attachment:fixed;  margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}
------------------------------------------------------------------------------------------------------------------
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน1346
ออฟไลน์ ออฟไลน์

กระทู้: 18612


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #3 เมื่อ: มิถุนายน 11, 2014, 12:53:56 PM »

คำสั่งให้ภาพพื้นหลังแสดงต่อรูปภาพตามแนวตั้ง


body{ background:url(../2/images/bgtop.jpg); background-position:center top;background-attachment:fixed; background-repeat-y: repeat-x; margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}

บันทึกการเข้า
หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  

Powered by MySQL Powered by PHP Powered by SMF 1.1 RC2 | SMF © 2001-2006, Lewis Media

lsv2555Please follow the new website at https://www.pohchae.com

Valid CSS!