วิธีการสร้างหัว blog แบบ fix เวลาเลื่อน scroll bar
วันนี้เพิ่งเริ่มทำ blog ในนี้เป็นครั้งแรก .. sa! onegaishimasu (_ _!!)(ฝากตัวด้วย)
ความจริงแล้วที่ว่าน่ะมันคือ fixed background นั่นเอง ซึ่งจะประกอบไปด้วย script สองส่วนด้วยกัน คือ background และ logo
1. อ่านวิธีการทำของ bloggang ก่อน
2. สร้างรูป background ที่มีอาจจะต้องเว้นที่ว่างสำหรับข้อความโฆษณาของ bloggang ขนาด 22 pixelจากส่วนบน (จะไม่มีก็ได้แล้วแต่)
รูปที่ได้ก็จะมีสภาพประมาณนี้
3. upload รูปแล้วนำ url ใส่ใน Script area โดยมีคำสั่งเพิ่ม ก่อนเครื่องหมาย } คือ
background-attachment:fixed;
4. สร้าง logo รูป gif แบบ transparent (ใส) ที่มีขนาดความสูงเท่าหรือใหญ่ว่าความสูงของรูปในส่วนหัวเล็กน้อย
ในกรณีนี้มันคือรูป blank.gif --> CLICK !!!
5. upload รูปแล้วนำ url ใส่ไว้ใน Script area ใน profile ตามคำแนะนำของ bloggang
เท่านี้ก็ได้ส่วนหัวของ blog แบบที่เราต้องการ โดยที่ข้อความของ blog ไม่มาปิดทับรูปภาพ แถมตัวรูปยังอยู่กับเราไปตลอด ถึงแม้ว่าข้อความ blog ของเราจะยาวเกิน 1 หน้าเว็บก็ตาม~
Create Date : 04 ธันวาคม 2548 |
|
5 comments |
Last Update : 2 สิงหาคม 2549 3:53:09 น. |
Counter : 654 Pageviews. |
|
|
|