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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    โค๊ด HI 5 ~ มากมายข๊ะ

    ลำดับตอนที่ #2 : โค๊ด HI 5 ~ >>ย่อฝั่ง Comment ในhi5 ให้เล็กลง

    • อัปเดตล่าสุด 17 มี.ค. 52


    content หลัก จะมีอยู่ 2 คอลัมน์ 
    #content-left  คอลัมน์ฝั่งซ้ายทั้งหมด ที่เป็นบล้อกที่ใช้เขียนข้อมูลต่างๆ
    #content-right  คอลัมน์ทางฝั่งขวา ตั้งแต่ Topfriends ไปจนถึง comment

    ซึ่งความกว้างของทั้งสองบล้อก จะสอดคล้องกัน และรวมกันไม่เกิน 956px
    หากมีการขยายด้านใดด้านหนึ่งแล้ว ก็ควรจะปรับอีกด้าน เพื่อให้ได้ความมกว้างที่เหมาะสมกัน

    การย่อ-ขยาย content
    การขยายหรือลดขนาด content นั้น จะต้องปรับตัวเลข 2 ส่วน ให้สอดคล้องกัน คือ
    1. ขนาดความกว้างของของคอลัมน์
    2. ความกว้างของส่วนเนื้อหาในในคอลัมน์ หรือ subsection

    หาก content กว้าง 200px
    เราก็ควรปรับ subsection เป็น 185px
    ไม่ควรปรับเกินบล้อก content เพราะจะทำให้เนื้อหาล้น ออกจากคอลัมน์

    ==============================================

    Code ย่อ-ขยายคอลัมน์ฝั่งซ้าย (Content-left)



    <style type="text/css">
    #content-left { width: ความกว้างของคอลัมน์px }
    #lifestyle .subsection { width: ความกว้างเนื้อหาpx }
    #interests .subsection { width: ความกว้างเนื้อหาpx }
    </style>



    ==============================================

    Code ย่อ-ขยายคอลัมน์ฝั่งขวา (Content-right)


    <style type="text/css">
    #content-right { width: ความกว้างของคอลัมน์px }
    #friends { width: ---px } #friends .subsection { width: ---px }
    #photoAlbum .subsection { width: ---px }
    #user-fives .subsection { width: ---px }
    #comments { width: ---px }
    .subsection .comment { width: ---px }
    .commentEditor textarea {width:ความกว้างของช่องพิมพ์คอมเม้นpx }
    .comment-text
    { width: ความกว้างข้อความคอมเม้นpx !important; }
    </style>


    Credit http://tapopo.hi5.com

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

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

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

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

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

    ความคิดเห็น

    ×