ตั้งค่าการอ่าน

ค่าเริ่มต้น

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

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

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 5.74K
      4
      15 ต.ค. 53


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


    [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 ... กล่องรับเรื่องร้องเรียน



    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×