:: H o u s e 1 0 8 ::

สวัสดีค่ะ สอบเสร็จแล้วแต่สอบไม่ได้เลย T T เฮ้อ

ช่างมันเรื่องอดีต ขี้เกียจไปคิดถึง

มีคนถามถึงวิธีที่ทำให้หน้าบลอคเป็นหน้าเลื่อนข้างใน

อย่างบลอคนี้เมื่อนานมาแล้ว(once upon atime..long time ago~)

แต่ไม่ได้ตอบเพราะช่วงนั้นยังไม่ว่าง

ขอโทษนะคะ คราวนี้เอามาลงไว้ (ถึงจะช้าไปก็ตาม)

มีคนถามถึงเยอะนะคะ

ตอนแรกเห็นก็อยากทำจนไปเจอ http://lemonice.exteen.comที่ให้ความกระจ่างเรื่องนี้

(จอร์จมันยอดมาก +w+)

จะมีโค้ดหัวข้อหนึ่ง ในcss เดิมตามธีมEasyมันจะเป็นอย่างนี้เนอะ

}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */
#all{
width:680px;<< สังเกตว่า ตรงนี้เป็นค่า680pxนะคะ
float:left;
}

บลอคนี่เพิ่งทำธีมใหม่เสร็จเมื่อวาน เลยถือโอกาสใส่หน้าต่างเล็กข้างในแล้วเอามาสาธิตซะเลย

มีโค้ดตัวนี้นะคะ ใส่ลงไปแทนโค้ดข้างบนเลยนะ

}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */
#all{
left:280px; << ระห่างจากขอบด้านซ้าย หรือคือระยะของลูกศรใหญ่ที่กระพริบ ในภาพ
float:left;
overflow:auto;
position:absolute;
top:30px; << ระห่างจากขอบด้านบนหรือคือ ระยะของลูกศรเล็กกระพริบ ในภาพ
width:710px; << ความกว้างของหน้าต่างเล็กปรับให้กว้างกว่า680pxนะคะจะได้ออกมาสวย
height:461px; << ความสูงของหน้าต่างเล็กข้างในปรับเองเลยค่ะ
}

ความกว้างที่พูดก็คือ ถ้าหน้าเนื้อหาเราอยู่ที่680px ถ้าปรับหน้าต่างเล็ก

ความกว้างน้อยๆ มันจะไม่สวยค่ะ กล่าวคือมันจะเกินและมีสกอร์บาร์ข้างล่าง

คำเตือนว่าอย่าสลับบรรทัดโค้ดค่ะ สลับเมื่อไหร่

มันจะเจ๊ง...หรือมันไม่เป็นแบบที่เราเซ็ตน่ะค่ะ

.....

แล้วจะมีที่ว่าอยากให้แถบลิงค์ไปอยู่ด้านขวาอีกเนอะ

}
/* พวกที่แสดงเนื้อหาบลอคความกว้างเป็นเท่าไหร่ */
.leftcontent{
width:500px;
float:right;
text-align:left;
background-color:#00CCFF;
border-left:1px #FFFFFF dotted;
}
/* พวกที่เป็นแถบลิงค์ต่างๆ */
.rightcontent{
width:179px;
float:left;
text-align:left;
background-color:#00b8e6;
border-bottom:1px #FFFFFF dotted;
}

เห็นที่เน้นสีนะคะพี่น้อง สลับมันเลย จาก rightเป็น left

น่าจะโอเค(ยังไม่แน่ใจว่าจำถูกรึเปล่า) - -"

.......

เรื่องบีจี นี่ยากหน่อย ต้องกะให้พอดีนะก่ะ เราเปลี่ยนธีมเมื่อวานเล่นเอาตายเลย

เปลี่ยนไป4-5 รอบเพราะมันไม่พอดีกับหน้า ลักษณะจะเป็นแบบบีจีธรรมดาก็ได้

หรือจะแบบเฉพาะแบบนี้

(บีจีอันนี้ใหญ่เกินหน้าจอไปเยอะเลยล่ะ..ด้านล่างอะ)

แล้วแต่คนชอบอ่ะค่ะ งืมๆ

จะไปดูก็ได้นะคะ ยังไม่ได้ทำอะไรกับบลอคทางนู้นเลย

Http://linking.exteen.com

[แอบมีโฆษณาแฮะ]

อันนี้เป็นโค้ดค่ะ โหลดไปดูได้

1.เป็นโค้ดทั้งหมดเฉพาะที่ทำให้มีสกอร์บาร์ข้างในค่ะ แต่ไม่ได้ทำธีม

น่าจะไม่มีอะไรแล้ว(มั้ง) ขอตัวล่ะค่ะ See u ^ ^

(กว่าจะตั้งชื่อเอนทรี่ได้ - -* ไม่รู้จะเลือกชื่ออะไรดี)

..อีกที..