TheMe :) Teasure Only me!

ลำดับตอนที่ #75 : CODE >< โค้ดใส่กล่องแบนเนอร์

 t em 


 12 / 08 /2009
22:23 น.

กล่องข้อความ หรือที่เห็นกันบ่อยๆคือกล่องใส่แบนเนอร์อ่ะแหล่ะ
ก็ไม่ได้ยากเย็นอะไรหรอกนะฮับ ลากคลุมก๊อบเลยก็ได้
แต่ชัวร์หน่อยก็โค้ดซะเลยนี่แหล่ะ

ตัวอย่าง

 

โค้ด

<div id="scroll3" style="border-right: 1px solid; border-top: 1px solid; overflow: auto; border-left: 1px solid; width: ความยาวpx; border-bottom: 1px solid; height: ความสูงpx">

อธิบายอีกนี๊ดดด!!

สังเกตตรง solid ตรงนี้เป็นเส้นกรอบแบบตรงเราสามารถเปลี่ยน
เส้นกรอบใหม่ได้ ด้วยการก๊อบชื่อกรอบตามข้างนี้ไปวางแทนทั้งหมด
และก็ 1px เป็นขนาดกรอบใครชอบเล็กใหญ่ก็ใส่ได้ตามใจ
หรือว่า ถ้าใครไม่อยากให้มีเส้นกรอบ ก็เติม 0 หน้า px. นะจ๊ะ ให้ครบด้วย

Border-Style(ชนิดของกรอบ) = Dashed , dotted , Solid , Groove , Inset , Outset  , Ridge , double

กล่องด้านล่างนี้เป็นแบบเส้นประ (dotted)

----------------------------------
พอแทรกโค้ดแล้วจะเห็นหน้าตากล่องมาว่างๆโล่ง
ถ้าต้องการใส่แบนเนอร์ลงไปก็ดับเบิลคลิกที่กล่อง แล้ววางแบนเนอร์ลงเลยจ้า



ตั้งความสูง 150  ความยาว 300