วิธีเปลี่ยน Background หลักของเว็บเรา

เอาง่ายๆไปก่อนนะครับ ยังนึกไม่ออกว่าจะเขียนอะไรดี 555+

01 : ก่อนอื่นก็ไปหาภาพที่เราจะนำมาใช้เป็น Background ก่อนนะครับ (ตัวอย่างจากเว็บผมก็คือ พื้นไม้สีดำคับ)

02 : ถ้าภาพท่านอยู่ในเครื่องก็ต้องอัพโหลดไฟล์ขึ้นไปก่อนนะครับ ฝากไว้ตามเว็บฟรีก็ได้ เช่น http://imageshack.us/

03 : ก็เปิดเข้าไปที่กล่องแก้ไข css ของเว็บเราก่อนนะครับ (ทางลัด Click)

แล้วก็แปะ code ต่อไปนี้ไว้ที่ส่นบนสุดได้เลย(เคาะบรรทัดให้โค๊ดชุดเก่ามันเด้งลงไปข้างล่างหน่อยก็ดี เพื่อความเป็นระเบียบเรียบร้อยในอนาคตกาล)

.........................................................................................................
body{
background: url(ที่อยู่ภาพของคุณ);
background-attachment:fixed;
background-position: top center;
background-repeat: repeat;
}

.........................................................................................................

อธิบายโค๊ด :
body{//////////////////////////////////////กำหนดค่าให้กับตัวเว็บทั้งเว็บเลย
background: url(ที่อยู่ภาพของคุณ);////////ระบุที่อยู่ของภาพที่จะใช้
background-attachment:fixed;////////////////กำหนดให้ภาพเราไม่เคลื่อนที่ไปตามสกอล์บาร์
background-position: top center;//////////////กำหนดให้ภาพเราแปะตรงตำแหน่งชิดบนและยึดกลางเพจ
background-repeat: repeat;//////////////////กำหนดให้ภาพเราแสดงซ้ำไปเรื่อยๆไม่ให้มีช่องว่าง
}

ปล. ถ้าไม่อยากกำหนดตามผมก็ลบบรรทัดที่ไม่ต้องการทิ้งไปได้เลยครับ

กระทู้นี้ขอเท่านี้ก่อนครับ
ลองดูกันก่อนนะ
ไม่เข้าใจตรงไหนลองแปะคำถามไว้ได้ครับ

ขอบคุณครับ
JOJOBAOIL

Views: 774

Replies to This Discussion

ขอบคุณนะครับ จะไปทดลองทำดูครับ
ลองดูครับ
แหมะ ตามมาสอนถึงในนี้ ใจดีชมัด


ว่าแล้วก็โมยวิชาไปสร้างฝาบ้านมั่งดีกร่า



อิอิ



ขอบคุณนะคร๊าบจานโจโจ้ซัง เอ้ย โจโจ้บาอ๊อยส์:)
หะหะ
ขอบคุณครับ
เสียดาย กรุ๊ปมันโมไม่ได้
เหอะๆ
อยากรู้ว่าถ้ารีพลายต่ออีกทีจะเป็นไง
อิอิ
เเล้วถ้าอีกทีหล่ะ
55+
ขอบคุณครับ แต่ผมเลือกลายกระดาษวอลเปเปอร์ไม่ได้ซะที
ผมยังไม่ได้ลองดูเลย
ไม่รู้ว่ามี Theme ที่มันกว้าง 100% เต็มหน้า Web ป่าวไม่รู้?
ขอบคุณครับ มีรูปตัวอย่างไหมเอ่ย แหะๆ
ลองทำดูแล้วค่ะ แอบใช้ภาพของเพื่อนใน portfolios.net นี่ล่ะค่ะ
(แค่อยากลองดูเฉยๆ) พอจะเข้าไปแก้ click ที่ advance
click ยังไงก็เข้าไม่ได้สักที T_T

เจ้าของภาพมาเจอก็อย่าว่ากันนะคะ
คืออยากถามเรื่องขนาดของภาพ แบล็คกราวด้านข้างอ่ะครับ fix มั้ย?

RSS

© 2009-2021   PORTFOLIOS*NET by CreativeMOVE.   Powered by

Badges  |  Report an Issue  |  Terms of Service