แสดงบทความที่มีป้ายกำกับ code แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ code แสดงบทความทั้งหมด

วันพุธ, กุมภาพันธ์ 25, 2552

Code วางสิ่งต่างๆ ในที่ต่างๆ

สิ่งต่างๆก็เช่น   รูปภาพ ตัวเล่น เพลง อักษร  ลิ้ง ฯลฯ

ยกตัวอย่างเช่น  ผมจะวางรูปและลิ้งนี้ ไว้ทางขวา  เหนือเฮดชอต

ผมก็เอา โค้ดนี้ไปใส่   style="right: -120pt; position: absolute; top: 270pt;"    เพิ่มเข้าไปในโค้ดเดิม 

-------------------------------------------------------------------------------------------------------------------------------------

นี่โค้ดต้นฉบับ
<a href="http://sawasdeemultiply.multiply.com/journal/item/682" target="_blank"><img src="http://images.thejojobaoil.multiply.com/image/1/photos/73/500x500/22/sm-award09-sticker-14.png?et=QfTc4,tkGMDRlocMt2L4Rw&amp;nmid=121475642" border="0"></a>


นี่คือโค้ดที่ใส่เข้าไป
<a href="http://sawasdeemultiply.multiply.com/journal/item/682" style="right: -120pt; position: absolute; top: 270pt;" target="_blank"><img src="http://images.thejojobaoil.multiply.com/image/1/photos/73/500x500/22/sm-award09-sticker-14.png?et=QfTc4,tkGMDRlocMt2L4Rw&amp;nmid=121475642" border="0"></a>

-------------------------------------------------------------------------------------------------------------------------------------

ผลก็คือเราสามารถ  สั่งให้  สิ่งนั้น ไปวางในที่ที่เราต้องการในหน้าเวปได้ครับ

วิธีปรับใช้  คือเข้าไปแก้ไป ปรับ ซ้ายขวาบนล่าง และตัวเลขครับ  ต้องค่อยๆปรับจนพอใจนิ

style="right: -120pt; position: absolute; top: 270pt;" 


--------------------------------------------------------------------------------------------------------------------------------------
หมายเหตุ  โค้ดตัวนี้ผมเอาไปใส่ไว้ใน title  ดังนั้น  จึงตามไปปรากฏทุกหน้าครับ



----------------------------------------------------------------------------------------------------------------------------
อัพเดท มีนาคม 2544  โค้ดด้านบน รู้สึกจะใชไม่ได้แล้ว ให้ใช้โค้ดนี้แทน

<div style="position:absolute;overflow:auto;width:#px;height:#px;margin-top:#px;margin-left:#px;_margin-top:#px;_margin-left:#px;">  โค้ดสิ่งที่จะวาง    </div>

แทนค่า# ด้วยตัวเลข
_margin-top สำหรับ เบราเซอร์ IE
margin-top สำหรับ เบราเซอร์อื่น