วันพุธ, กุมภาพันธ์ 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 สำหรับ เบราเซอร์อื่น



19 ความคิดเห็น:

MookWariN SeanKla กล่าวว่า...

เก๋มากๆๆ ขอบคุงคับผม

.. หมา ฉุ ฉุ ... กล่าวว่า...

ขอบคุณค่ะ แจ่มมากๆ แต่ก็ยังทำไม่เป็นอยู่ดี 5 5 5 5

明 เม้ง  ^__^ กล่าวว่า...

๕๕๕๕๕

phyche phyche123 กล่าวว่า...

นักเรียนฉลาดน้อยตามมาดูอีกคน อิอิ

ด.ช. น้ำ . กล่าวว่า...

ขอบคุณก๊าบ

我 ... กล่าวว่า...

แทงก์กิ้วนะ
แต่

ทำไรไม่ค่อยจะเป็นเลยอะ จะเอาไรมาวางดีเน้อ

108-1009 HoME กล่าวว่า...

เหอ เหอ วิชาเกินอีกแล้ว ทำไม่เป็น สมองซีกซ้ายไม่สั่งงาน รอให้คนเก่ง ๆ มาทำให้นิ

( * _ * ) . กล่าวว่า...

ขอฉลาดน้อยด้วยคนค่ะ อิอิ

My--Refresh (^>^) . กล่าวว่า...

เยี่ยมเลยค่ะ

明 เม้ง  ^__^ กล่าวว่า...

: )

.: J A N E :. . กล่าวว่า...

สุดยอดมาเรยครับ

Bomb Create กล่าวว่า...

เอาไปลองคร้าบบบบบบบบบบบบ พี่ ขอบคุณคร้าบบบบบบบบบบบบบบบบบ

Bomb Create กล่าวว่า...

55555555 ลองทำแล้นพี่เม้ง ไม่รอด 55555555

Bomb Create กล่าวว่า...

วางได้ แต่ไม่เลื่อนตามแบบน้องวัว น้องความของพี่เม้งอ่ะ

明 เม้ง  ^__^ กล่าวว่า...

ลองเปลี่ยนคำว่า position: absolute; เป็น position: fixed;

Chadarat Thangthong กล่าวว่า...

มาลองทำดูค่ะ แอบมึนๆ

明 เม้ง  ^__^ กล่าวว่า...

eiei

Thanitta Sivarux กล่าวว่า...

ลองอ่านดูแล้วแอบมึนๆงงๆอ่าค่ะ

明 เม้ง  ^__^ กล่าวว่า...

แฮะๆ คงเขียนสั้นไปหน่อยนะครับ