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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #110 : [my.id] ปรับขนาดโมดูลซ้าย - ขวา

    • อัปเดตล่าสุด 6 เม.ย. 54



    โค้ดนี้ท่าน
    คอฟฟี่แนะนำมานานแล้วค่ะ แต่เคจเพิ่งขุดตัวเองออกจากอะไรทั้งหลายแล้วกลับมาอัพบทความได้

    คงต้องขออภัยทุกท่านเป็นอย่างยิ่งด้วยนะคะ

    ว่าแล้วก็ขออ้างอิงข้อความของคอฟฟี่เพื่อให้ทุกท่านเข้าใจถึงประโยชน์และความจำเป็นของโค้ดนี้หน่อยล่ะกันค่ะ

    "คาเฟ่เวอร์ชั่นสามขยายความยาวเป็นเก้าร้อยพิกเซล คอฟฟี่เลยลบแถบด้านซ้ายออก (ขอบคุณสำหรับโค้ดนะ!) เอาโปรไฟล์มาไว้ในระบบคาเฟ่แทน ทีนี้ก็นั่งงมอยู่ตั้งนาน เพราะแถบทางขวาเลื่อนมาตรงกลางอย่างที่เคจว่าไว้ก็จริง แต่ไม่ยอมขยายตามขนาดของภาพในวอทส์อัพ คอฟฟี่ก็เลยต้องคุ้ยแคะหาโค้ดที่จะขยายความกว้างของวอทส์อัพออกไปได้ ก็แกะเจอว่า มีการจำกัดขนาดด้วยจาวาไว้ ก็เลยใช้ CSS ขยายขนาดโมดูลซ้ายขวา"

    ว่าแล้วก็ไปดูส่วนของโค้ดกันเลยดีกว่า

    <style type="text/css">
    /* เริ่มโค้ดปรับขนาดโมดูลซ้าย - ขวา */
    #module_left {width: ความกว้างโมดูลฝั่งซ้ายpx;}
    #module_right {width: ความกว้างโมดูลฝั่งขาวpx;}
    /* จบโค้ดปรับขนาดโมดูลซ้าย - ขวา
    http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=110
    */

    </style>


    ใครจะปรับเฉพาะฝั่งซ้ายหรือขวาอย่างเดียว ก็ลบโค้ดของอีกบรรทัดที่ไม่ต้องการใช้ออกไปได้ค่ะ

    ขอบคุณคอฟฟี่มา ณ ที่นี้อีกครั้งด้วย :)
     

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

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

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

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

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

    ความคิดเห็น

    ×