Custom Search
2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground
LSVคลังสมองออนไลน์ "ปีที่14"
กันยายน 22, 2017, 03:10:52 PM *
ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

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

คะแนน799
ออนไลน์ ออนไลน์

กระทู้: 16591


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


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

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

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

html{background:#032CFC;}

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

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





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

ฝากข่าวจาก www.ubmthai.com
   เพื่อนช่างทุกท่านที่ประสงค์เข้าในห้องพิเศษ กรุณาโพส ประสบการณ์ซ่อม(ทีวี-แอร์-โน๊ตบุ๊ค-ตู้เย็น-เครื่องซักผ้า ฯลฯ)เพื่อเป็นวิทยาทานแก่เพื่อนๆร่วมอาชีพด้วยกันบ้างนะครับ.

●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 10 หัวข้อ จะได้รับการปรับระดับ+ ให้สามารถเข้าในห้องพิเศษได้ ..ฟรี!!
●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 99 หัวข้อ จะได้รับการปรับระดับ++ สามารถเข้าไปศึกษาความรู้ในหลักสูตรซ่อมโทรทัศน์ได้ ..ฟรี!!
(ต้องมีคะแนนช่วยเหลือเว็บบอร์ดไม่น้อยกว่า200คะแนน)

                 ขอบคุณในน้ำใจของเพื่อนช่างทุกท่านมากๆครับ

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

คะแนน799
ออนไลน์ ออนไลน์

กระทู้: 16591


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


อีเมล์
« ตอบ #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  ภาพพื้นหลังจึงจะปรากฎ

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

ฝากข่าวจาก www.ubmthai.com
   เพื่อนช่างทุกท่านที่ประสงค์เข้าในห้องพิเศษ กรุณาโพส ประสบการณ์ซ่อม(ทีวี-แอร์-โน๊ตบุ๊ค-ตู้เย็น-เครื่องซักผ้า ฯลฯ)เพื่อเป็นวิทยาทานแก่เพื่อนๆร่วมอาชีพด้วยกันบ้างนะครับ.

●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 10 หัวข้อ จะได้รับการปรับระดับ+ ให้สามารถเข้าในห้องพิเศษได้ ..ฟรี!!
●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 99 หัวข้อ จะได้รับการปรับระดับ++ สามารถเข้าไปศึกษาความรู้ในหลักสูตรซ่อมโทรทัศน์ได้ ..ฟรี!!
(ต้องมีคะแนนช่วยเหลือเว็บบอร์ดไม่น้อยกว่า200คะแนน)

                 ขอบคุณในน้ำใจของเพื่อนช่างทุกท่านมากๆครับ
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน799
ออนไลน์ ออนไลน์

กระทู้: 16591


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


อีเมล์
« ตอบ #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;}
------------------------------------------------------------------------------------------------------------------
บันทึกการเข้า

ฝากข่าวจาก www.ubmthai.com
   เพื่อนช่างทุกท่านที่ประสงค์เข้าในห้องพิเศษ กรุณาโพส ประสบการณ์ซ่อม(ทีวี-แอร์-โน๊ตบุ๊ค-ตู้เย็น-เครื่องซักผ้า ฯลฯ)เพื่อเป็นวิทยาทานแก่เพื่อนๆร่วมอาชีพด้วยกันบ้างนะครับ.

●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 10 หัวข้อ จะได้รับการปรับระดับ+ ให้สามารถเข้าในห้องพิเศษได้ ..ฟรี!!
●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 99 หัวข้อ จะได้รับการปรับระดับ++ สามารถเข้าไปศึกษาความรู้ในหลักสูตรซ่อมโทรทัศน์ได้ ..ฟรี!!
(ต้องมีคะแนนช่วยเหลือเว็บบอร์ดไม่น้อยกว่า200คะแนน)

                 ขอบคุณในน้ำใจของเพื่อนช่างทุกท่านมากๆครับ
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน799
ออนไลน์ ออนไลน์

กระทู้: 16591


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


อีเมล์
« ตอบ #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;}

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

ฝากข่าวจาก www.ubmthai.com
   เพื่อนช่างทุกท่านที่ประสงค์เข้าในห้องพิเศษ กรุณาโพส ประสบการณ์ซ่อม(ทีวี-แอร์-โน๊ตบุ๊ค-ตู้เย็น-เครื่องซักผ้า ฯลฯ)เพื่อเป็นวิทยาทานแก่เพื่อนๆร่วมอาชีพด้วยกันบ้างนะครับ.

●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 10 หัวข้อ จะได้รับการปรับระดับ+ ให้สามารถเข้าในห้องพิเศษได้ ..ฟรี!!
●ท่านใดโพส..ให้ประสบการณ์ดีๆคืนแก่สังคมครบ 99 หัวข้อ จะได้รับการปรับระดับ++ สามารถเข้าไปศึกษาความรู้ในหลักสูตรซ่อมโทรทัศน์ได้ ..ฟรี!!
(ต้องมีคะแนนช่วยเหลือเว็บบอร์ดไม่น้อยกว่า200คะแนน)

                 ขอบคุณในน้ำใจของเพื่อนช่างทุกท่านมากๆครับ
หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  

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

lsv2555Leksound&Vision Webboard

Valid CSS!