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

ลำดับตอนที่ #65 : [code] สร้าง scroll bar ภายใน

ตัวอย่างค่ะ

ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา

ใส่โค้ดคร่อมเนื้อหาที่ต้องการให้แสดงอยู่ใน scroll bar นะคะ

<div style="background-color:#00FFFF; width:150px;height:150px;overflow: auto;" align="center">
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
ส่วนของเนื้อหา
</div>

ปรับความกว้าง ความสูง และสีพื้นตรงส่วนที่เป็นอักษรสีแดงได้ตามใจชอบเลยค่ะ จะใส่เป็นภาพแทน ตามวิธีใส่ bg ก็ได้นะคะ

ส่วนตรง align="center" ถ้าใส่เข้ามาจะช่วยให้จัดอยู่กึ่งกลาง ลองเปลี่ยนเป็น left หรือ right ดูก็ได้ค่ะ