GotoKnow
  • เข้าระบบ
  • สมัครสมาชิก
  • แผงจัดการ
  • ออกจากระบบ
GotoKnow

เปลี่ยนพื้นหลังได้ตามใจคุณ

วันนี้หลังจากกลับจากมหาลัย ก็คิดว่าวันนี้จะลองเพิ่มรูปพื้นหลังลง blog ดู ตามตัวอย่างที่อาจารย์จันทวรรณได้แนะนำเอาไว้ หากเพื่อนๆ คนไหนสนใจสามารถเข้าไปดูได้ที่นี่ค่ะ... รูปที่ดิฉันนำมาใช้นั้นก็เป็นรูปจากทางอินเตอร์เน็ตทั่วๆ ไปนะค่ะ และอีกอย่างหนึ่งที่ดิฉันได้ลองเปลี่ยนด้วยคือ ดิฉันได้ลองสลับ sidebar กับ contents นะค่ะ ทำให้ blog นี้ออกมามีหน้าตาแปลกไป...

code CSS นะค่ะ

  
    
      

div#container {width: 810px;}

div#content2 {float: right; width: 579px;}

div#sidebar2 {float: left; width: 221px;}
body

{

background: #ffffff;

background-image:

url("/file/sawitree/48.gif");

background-repeat: repeat;

}

 

ไฟล์รูปที่ดิฉันนำมาใช้เป็นพื้นหลังคือ 48.gif ค่ะ ถ้าเพื่อนๆ จะนำโค้ดนี้ไปปรับใช้

อย่าลืมอัพโหลดรูปแล้วนำลิงค์รูปมาแปะไว้ที่

url("/file/sawitree/48.gif"); ด้วยนะค่ะ

ขอบคุณคำแนะนำและ blog ดีๆ ของอาจารย์จันทวรรณนะค่ะ

บันทึกนี้เขียนที่ GotoKnow โดย 

คำสำคัญ (keywords): cssbackground
หมายเลขบันทึก: 58232
เขียน:
แก้ไข:
ความเห็น: 12
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (12)

สอนช้างไชโย ด้วยสิฮับ 
  • สอน Mr_jod ด้วยนะ
  • เทคนิคการสลับsidebar กับ contents นะ

คุณสิริพร กุ่ยกระโทก กับคุณ Mr_Jod ค่ะ ถ้าสนใจเรื่องการรูปพื้นหลังและเทคนิคการสลับ sidebar กับ contents ลองเข้าไปศึกษาเพิ่มเติมได้ที่ blog ของอาจารย์จันทวรรณนะค่ะ เพราะดิฉันเองก็ศึกษามาจากที่นี่เหมือนกันค่ะ อาจารย์อธิบายได้ละเอียดทีเดียว...

ขอบคุณที่เข้ามาเยี่ยมชม blog นะค่ะ

อย่าลืมเอาเทคนิคใหม่ ๆ มาบอกเล่ากันบ้างนะ

สาวิตรีค่ะ ช่วย copy code ของคุณมาใส่ไว้ในบันทึกนี้ด้วยค่ะ ท่านอื่นจะได้นำไปดูเป็นตัวอย่างค่ะ

สวยดีค่ะ น่ารักจังภาพพื้นหลัง คราวหน้าคงต้องขอยืมไปใช้บ้างแล้วค่ะ

น่ารักดีนะ หา theme ใหม่ๆมาอีกนะ สู้ๆ

น่ารักดีค่ะ theme สีนี้โดนใจมากๆเลย อย่าลืมเอามาฝากกันอีกนะคะ

ถ้าต้องเม้น แบบดีๆ ก็ อือสวยดีนะ เข้ากันดีกะ สีสรรของเวป แต่ถ้าจะเม้นกวนประสาท ก็มีนะ คือ  เท่าที่ได้ลอง save background มาดูแล้วนะ เห็นว่ามันเป็นรูป ฟองน้ำ และ background ก็เป็นสีขาวอยู่แล้วอ่ะ เพราะฉะนั้น ส่วน code background: #ffffff; ก็ไม่จำเป็นต้องมีก็ได้นะ เท่าที่เคยลองอ่ะ เพราะว่า มีส่วน background-repeat: repeat; นี้อยู่แล้ว มันก็จะ repeat ให้หมดเลย ไม่จำเป็นต้องใส่ background สีขาวอีก แต่จากที่ได้อ่านในโค้ด (View->Source) ดูแล้วอ่ะ มี css ที่จับ tag body หลายอันมากเลยอ่ะ อันแรกก็ให้มีสี #F9B6FF อีกอันก็สีนี้ #ffffff; คิดว่านะ ถ้ามันเป็นแบบนี้ ก็อาจจะไม่จำเป็นต้องใส่ fffff อยู่ดีนะ เพราะรูปมันก็มีสีขาวเป็น background แล้วอ่ะ ไม่เข้าใจก็บอกนะ ผมก็งงนิดหน่อยเหมือนกัน

ขอบคุณมากนะค่ะ คุณนายโน้ต สำหรับคำแนะนำ จากที่ดูโค้ด เนื่องจากดิฉันไปขอยืมใช้โค้ดจาก blog ของอาจารย์จันทวรรณนะค่ะ จึงได้นำโค้ดมาใช้แบบทั้งชุด แต่ถ้าคุณนายโน้ตคิดว่าไม่มีความจำเป็นต้องใส่ส่วน code background: #ffffff; เพราะว่ามีส่วน background-repeat: repeat; นี้อยู่แล้ว ก็ได้นะค่ะ แล้วแต่ตามความต้องการของคุณเลยค่ะ

น่ารักค่ะนู๋ขอลองด้วยคนนะค่ะ

สวัสดีค่ะ ขอมาเรียนรู้ด้วยค่ะ ขอบคุณมากค่