Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ลำดับตอนที่ #32 : >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> สารบัญ

ตอนต่างๆ ของบทความนี้จัดเป็นหมวดหมู่ใหญ่ๆ ตามนี้นะคะ

[basic] = ความรู้เบื้องต้นที่จำเป็น
[general] = ความรู้ทั่วไปที่รู้ไว้ก็ดี
[advance] = ความรู้ที่ใช้การประยุกต์ชั้นสูง

[my.id] = โค้ดสำหรับไอดี และหน้าบล็อก (Blog)
[Blog] = โค้ดเฉพาะหน้าบล็อก
[writer] = โค้ดสำหรับหน้าบทความ
[code] = โค้ดทั่วๆ ไปที่ใช้ได้หลายๆ ที่

[design] = เกี่ยวกับการออกแบบ
[lesson] = บทเรียนสอนโค้ด

[note] = ประกาศและบันทึกทั่วไป
[tip] = กลเม็ดเคล็ดลับ
[ad] = โฆษณา


= Most Used โค้ดยอดนิยม

= Recommend ตอนที่แนะนำให้อ่าน

= Proudly Present โค้ดสุดแสนภาคภูมิ ที่มีเฉพาะที่นี่ที่เดียว (มั่นใจว่าคนอื่นยากจะแกะเองได้)

= Hilight by Dek-D ตอนที่ติดไฮไลท์เด็กดี


[basic]
[basic] วิธีใส่โค้ด
[basic] วิธีหา url ของภาพในเน็ต

[general]
[general] ความรู้เบื้องต้นเกี่ยวกับโค้ด
[general] ตารางเทียบสี
[general] ใส่คอมเมนต์ให้ code

[advance]
[advance] วิธีรวมและเก็บ code ให้เป็นสัดส่วน #css
[advance] วิธีรวมและเก็บ script ให้เป็นสัดส่วน #javascript



[my.id]
> ลบ ซ่อน หาย ใส ล่องหน
[my.id] ลบเส้นตารางออกไป
[my.id] ลบพื้นหลังตารางทั้งหมด
[my.id] ภาพ head, foot ใสแจ๋ว
[my.id] ลบโลโก้ my.id ที่มุมซ้ายบน
[my.id] กรอบคำพูดล่องหน
[my.id] เอาพื้นหลัง active page ออก
[my.id] รวมโค้ดไอดี สำหรับคนชอบความโล่ง ๆ สุด
[my.id] ลบเส้นตารางเฉพาะฝั่งซ้าย
[my.id] ลบเส้นตารางเฉพาะฝั่งขวา
[my.id] ลบเส้นตารางเฉพาะโมดูล
[my.id] ลบพื้นหลังฝั่งซ้าย
[my.id] ลบพื้นหลังฝั่งขวา
[my.id] ลบพื้นหลังโมดูล
[my.id] เอาพื้นหลังกล่อง QM ออก
[my.id] รวมโค้ดไอดี สำหรับคนชอบความโล่ง ๆ สุดยิ่งกว่า
[my.id] ลบเส้นประภายนอก
[my.id] ลบเส้นประภายใน
[my.id] ลบเส้นประทั้งหมด
[my.id] รวมโค้ดไอดี สำหรับคนชอบความโล่ง ๆ สุดยิ่งกว่า แบบไร้เส้นประ
[my.id] ลบหัวโมดูลออกไป
[my.id] ลบ qmsg (Quick Message)
[my.id] ลบทุกอย่างออกไปเหลือแต่ what's up เท่านั้น
[my.id] แถบ voice สีใส
[my.id] ลบ / ซ่อน แถบ login
[my.id] ลบ / ซ่อน footer
[my.id] ลบ / ซ่อนแถบด้านซ้าย
[my.id] ลบแถบด้านขวา
[my.id] ลบแถบเมนูเหนือ head


> เปลี่ยนตัวอักษร ข้อความ
[code] เปลี่ยนข้อความที่ title bar
[my.id] เปลี่ยนข้อความที่ภาพ Head
[my.id] เปลี่ยนรูปแบบฟอนต์
[my.id] เปลี่ยนแบบอักษรใน QM
[my.id] ใส่สีให้ข้อความที่แถบ voice

> เปลี่ยนภาพ
[my.id] เปลี่ยนภาพโลโก้ my.id ที่มุมซ้ายบน
[my.id] เปลี่ยนกรอบคำพูด
[my.id] เปลี่ยน background เฉพาะหน้าหลัก
[my.id] เปลี่ยนภาพ head
[my.id] ใส่ภาพพื้นหลังให้โมดูล
[my.id] ใส่ภาพพื้นหลังให้หัวโมดูล
[my.id] ใส่ภาพพื้นหลังให้กล่อง QM
[my.id] เปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice

> กึ่งโปร่งใส
[my.id] พื้นหลังไอดีกึ่งโปร่งใส
[my.id] โมดูลกึ่งโปร่งใส
[my.id] พื้นหลังไอดีกึ่งโปร่งใส (สีดำ) เหมาะกับไอดีแนวดาร์ก
[my.id] โมดูลกึ่งโปร่งใส (สีดำ) เหมาะกับไอดีแนวดาร์ก

> Voice
[my.id] แถบ voice สีใส
[my.id] ใส่สีให้ข้อความที่แถบ voice
[my.id] เปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice


[Blog]
[blog] ลบ sidebar ด้านขวา + ขยายความกว้างบล็อก



[writer]
[writer] บทความกึ่งโปร่งใส
[writer] เปลี่ยนโลโก้ writer ที่หน้าบทความ
[writer] เปลี่ยนสี / ใส่ภาพพื้นหลังชื่อบทความ
[writer] จัดเนื้อหาในหน้านิยายให้สวยงามอ่านง่าย
[writer] เปลี่ยนปลายทาง link ของโลโก้ writer
[writer] ปุ่ม 'บันทึกบทความเป็น Favourite'
[writer] ลบแถบ 'ชอบมาก! ทำไงดี'
[writer] ลบแถบผลงานเรื่องอื่นๆ

[code]
[code] เปลี่ยนสี scroll bar
[code] เปลี่ยน cursor
[code] เปลี่ยนข้อความที่ title bar
[code] ใส่ไอคอนประจำไอดี / บทความ
[code] สร้าง scroll bar ภายใน
[code] เปลี่ยน cursor เวลาชี้ link
[code] กรอกรหัสผ่านก่อนเข้าชม



[design]
[design] ตัวอย่างไอดีสวย ๆ ไว้เป็นแนวทางในการตกแต่งค่ะ
[design] แนวทางในการตกแต่ง My.iD และหน้านิยายที่ดี



[lesson]
[lesson] CSS > Introduction & syntax ... เบื้องต้นของ CSS
[lesson] CSS > Id & Class ... ว่าด้วย Selector
[lesson] CSS > Styling Background ... ใส่สไตล์ให้พื้นหลัง (1)
[lesson] CSS > Styling Background ... ใส่สไตล์ให้พื้นหลัง (2)



[note]
[note] คำย่อที่ใช้บ่อยๆ
[note] โปรแกรมและอุปกรณ์ที่ใช้
[note] การอัพภาพแบบไฮเทค (ไม่แนะนำให้ใช้)
[note] กลับมาใส่โค้ดในหน้า Blog ได้แล้ว
[note] โพลสำรวจความคิดเห็นเกี่ยวกับบทความ
[note] จุดประสงค์และจุดยืนของบทความนี้

[tip]
[tip] มาย้อนดูหน้าตา iD version 1 กันดีกว่า

[ad]
[ad] บทความนี้ติดไฮไลท์ตั้งแต่วันแรกที่เปิดเลยนะ !
[ad] แอบเอาการ์ตูนท้ายเล่มมาให้อ่านเล่น
[ad] ติดไฮไลท์อีกแล้ว!
[ad] แบนเนอร์บทความและนิยายในเครือ



General Request Box ... กล่องรับเรื่องร้องเรียน