คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #2 : โค๊ด HI 5 ~ >>ย่อฝั่ง Comment ในhi5 ให้เล็กลง
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
ความคิดเห็น