เปลี่ยนพื้นหลังได้ตามใจคุณ
วันนี้หลังจากกลับจากมหาลัย ก็คิดว่าวันนี้จะลองเพิ่มรูปพื้นหลังลง 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 ดีๆ ของอาจารย์จันทวรรณนะค่ะ
ความเห็น (12)
- สอน Mr_jod ด้วยนะ
- เทคนิคการสลับsidebar กับ contents นะ
คุณสิริพร กุ่ยกระโทก กับคุณ Mr_Jod ค่ะ ถ้าสนใจเรื่องการรูปพื้นหลังและเทคนิคการสลับ sidebar กับ contents ลองเข้าไปศึกษาเพิ่มเติมได้ที่ blog ของอาจารย์จันทวรรณนะค่ะ เพราะดิฉันเองก็ศึกษามาจากที่นี่เหมือนกันค่ะ อาจารย์อธิบายได้ละเอียดทีเดียว...
ขอบคุณที่เข้ามาเยี่ยมชม blog นะค่ะ
อย่าลืมเอาเทคนิคใหม่ ๆ มาบอกเล่ากันบ้างนะ
สาวิตรีค่ะ ช่วย copy code ของคุณมาใส่ไว้ในบันทึกนี้ด้วยค่ะ ท่านอื่นจะได้นำไปดูเป็นตัวอย่างค่ะ
น่ารักดีนะ หา theme ใหม่ๆมาอีกนะ สู้ๆ
น่ารักดีค่ะ theme สีนี้โดนใจมากๆเลย อย่าลืมเอามาฝากกันอีกนะคะ
ขอบคุณมากนะค่ะ คุณนายโน้ต สำหรับคำแนะนำ จากที่ดูโค้ด เนื่องจากดิฉันไปขอยืมใช้โค้ดจาก blog ของอาจารย์จันทวรรณนะค่ะ จึงได้นำโค้ดมาใช้แบบทั้งชุด แต่ถ้าคุณนายโน้ตคิดว่าไม่มีความจำเป็นต้องใส่ส่วน code background: #ffffff; เพราะว่ามีส่วน background-repeat: repeat; นี้อยู่แล้ว ก็ได้นะค่ะ แล้วแต่ตามความต้องการของคุณเลยค่ะ
น่ารักค่ะนู๋ขอลองด้วยคนนะค่ะ
สวัสดีค่ะ ขอมาเรียนรู้ด้วยค่ะ ขอบคุณมากค่