•°¯`•ⓂⓊⓇ•ⓂⓊⓇ•´¯°•

 

 

ชี้แจง

เมื่อเห็นชื่อเอนทรี่แล้ว..ต้องขอออกตัวไว้ก่อนเลยว่า ตัวข้าพเจ้านี้มีความรู้น้อยนิดเท่านั้น

ถ้าไอ้เข้ ไอ้โขง ที่ไหนหลงเข้ามาก็ขอให้รีบปิดไปซะ..

เพราะไม่อยากจะถูกด่าว่า "สอนจระเข้ว่ายน้ำ"นั่นเอง

 

 

ความรู้ทั้งหมดนี่ก็ได้มาจากการอ่านเอนทรี่ที่สอนแต่งบล็อคของเพื่อนๆในเอ็กทีนนี่แหละค่ะ(ถ้าไปอ่านจากที่อื่นจะเจอสอนแต่งบล็อคของเอ็กทีนมะ??)

บางบล็อคเค้าก็สอนดีมากเลยนะคะ แบบว่าเอามาใช้จริงได้

บางบล็อคก็สอนดีมากเช่นกันแต่Guโง่มาก เลยไม่เข้าใจ นำมาใช้จริงไม่ได้(เพราะไม่เข้าใจไง)

 

 

 

 

จากเอนทรี่แต่งบล็อคยังไงให้น่ารัก(ฉบับมือใหม่หัดมั่ว)Step1

วันนี้เรามาแต่งบล็อคให้น่ารักStep2กันเลยนะคะ ^^

 

วันนี้เราจะมาใส่ BG หรือพี้นหลังบล็อค(เรียกไม่ถูก..ที่ของข้าพเจ้าเป็นใบไม้สีเขียวๆอะค่ะ)

ส่วนนี้จะเป็นส่วนที่สำคัญมากส่วนหนึ่งเลยทีเดียวค่ะ

 

โค้ดใส้ภาพพื้นหลังก็จะอยู่ตรงนี้นะคะ 

 

ในกรณีที่อยากให้พื้นหลังเป็นสี

ก็ใส่รหัสสีตรงสว่นที่เป็นสีน้ำเงิน(ในรูป) แล้วลบส่วนสีเขียวออกด้วยนะคะ

ถ้าเราใส่Urlรูปมันก็จะเป็นสี...แต่หากรูปไม่ขึ้นก็จะเป็นสีตามที่เราใส่ไว้ตรงนี้นะคะ..(งงไหมเนี่ย..)

 

ในกรณี่ที่อยากให้เป็นรูป

ก่อนอื่นเราต้องเอาภาพที่เราอยากจะใช้เป็นพื้นหลังอัพโหลดซะก่อน 

แล้วCopy  Urlของภาพมาใส่แทนส่วนที่เป็นสีเขียว(ในรูป)

และ ส่วนสีชมพู(ตามรูป) จะเป็นการกำหนดว่าจะให้รูปที่เราเอามาใส่นั้นเรียงซ้ำกันหรือไม่นะคะ

โค้ดในรูปนั้นคือ เรียงซ้ำจากบนซ้ายค่ะ

และ

repeat-x ทำซ้ำรูป ตามแนวตั้ง
repeat-y ทำซ้ำรูป ตามแนวนอน 

 

หรือใส่ no-repeat  ในกรณีที่ไม่ต้องการให้ภาพเรียงซ้ำกัน

 

และใส่บรรทัดนี้เพิ่มเข้าไป  background-attachment:fixed; เมื่อไม่ต้องการให้ภาพพื้นหลังเลื่อนตามค่ะ

 

 

ส่วนต่อไปคือ...อธิบายไม่ถูก..แต่ที่ของจขบ.เป็นสีขาวลายจุด อะคะ..(อธิบายมั่วสมชื่อเอนทรี่จริงๆ)

ง่ายๆเลยคือในส่วนของ #leg ,#belly,#neck,#header ใส่รูปเดียวกันให้หมด..

ก็จะออกมาเป็นแบบของจขบ.ค่ะ

ใส่ให้เหมือนกันตามรูปนะคะ 

 

 

 

 เท่านี้ก็จะได้แผ่นรองบล็อค(ตั้งชื่อเอาเอง..)ที่เป็นแบบเดียวกันแล้วค่ะ

 

****ต้องลบโค้ดสีBackgroundในส่วนต่อไปนี้ออกด้วยนะคะ

#neck .module{
background:#000000; 

และ 

#sidebar, #sidebar2{
background:#000000; 

และ

#leg .module{
background:#000000; 

 

 

 

 

ลองเอาแก้กันให้พอใจก่อนนะคะ..แล้วเอนทรี่หน้าจะมาแนะนำStepถัดไปให้ค่ะ..

 

วันนี้ขอตัวไปทำมาหากินก่อนนะคะ

 

 See U เน้อ　-^^-

 

 

edit @ 1 Jul 2009 10:05:21 by MurMur

edit @ 7 Jul 2009 07:47:56 by MurMur

edit @ 8 Jul 2009 18:04:50 by MurMur