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

  ติดต่อ

วันนี้หลังจากกลับจากมหาลัย ก็คิดว่าวันนี้จะลองเพิ่มรูปพื้นหลังลง 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 โดย  ใน CSS กับการใส่รูปพื้นหลัง

หมายเลขบันทึก: 58232, เขียน: , แก้ไข, 2012-06-19 10:57:05+07:00 +07 Asia/Bangkok, สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ, ความเห็น: 12, อ่าน: คลิก

คำสำคัญ (Tags) #css#background

บันทึกล่าสุด 

ความเห็น (12)

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

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

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

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

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

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

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

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

นายโน้ต
IP: xxx.24.160.220
เขียนเมื่อ 
ถ้าต้องเม้น แบบดีๆ ก็ อือสวยดีนะ เข้ากันดีกะ สีสรรของเวป แต่ถ้าจะเม้นกวนประสาท ก็มีนะ คือ  เท่าที่ได้ลอง 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; นี้อยู่แล้ว ก็ได้นะค่ะ แล้วแต่ตามความต้องการของคุณเลยค่ะ

mokio
เขียนเมื่อ 

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

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