เวอร์ชั่นเต็ม: CODE : MOVE (วิธีย้ายส่วนต่างๆ/วิธีเลื่อนส่วนต่างๆ)

CODE : MOVE (วิธีย้ายส่วนต่างๆ/วิธีเลื่อนส่วนต่างๆ)

[font=Tahoma][size=2][color=Green]credit :: [url=http://utswin.hi5.com]http://utswin.hi5.com[/url]

[/color][/size][/font][size=2][color=#ff0000][color=#ee82ee][size=4][color=#000000][size=2][color=#ff0000][color=#0000ff][b]หมุนส่วนต่างๆ

[/b]ใส่ชื่อส่วน{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}

ตรงเลข1เห็นมั้ยครับถ้าตั้งค่าไว้ที่1มันหัวส่วนนั้นจะไปอยู่ด้านขวา(ปกติอยู่ด้านบน) ถ้าใส่เลข2ก็จะกลับหัว ถ้าใส่เลข3หัวส่วนนั้นจะอยู่ด้านซ้าย[/color]

[color=#000000][color=#ff00ff]ชื่อส่วน{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0, xray=0, mirror=0, invert=0, opacity=0, rotation=1)}

โค้ดนี้ปรับได้หลายอย่างไว้มีเวลาจะมาอธิบายครับ[/color]
[/color]
[b]โค้ดเลื่อนเป็นโค้ดที่ใช้ยากเพราะเมื่อเลื่อนไปแล้วในมุมมองของเรา ของเพื่อน ของคนไม่ออนอาจต่างกันครับ
[/b][/color][/size]
[size=2][color=#ff0000][b]โค้ดเลื่อนสามารถใส่ค่าติดลบได้เช่น17em และใส่ค่าติดจุดได้เช่น 17.1em, 17.2em,17.15em(มีค่าเท่ากับ17.1[color=#ff0000]½),17.25em(มีค่าเท่ากับ17.2[color=#ff0000]½)[/color][/color][/b][/color][/size]

[b]ทำเพื่อนให้เรียงยาวลงมา[/b][/color][/size][/color][/color][/size]
[size=2][color=#ff0000][color=#ee82ee][size=4][color=#000000]
<style type="text/css">
#friends h2 { display:none; }
.friend { height:100px!; }
#friends { width: 100px!; margin-top:0px!; margin-left:0px!; height:700px!; }
</style>

[b]ทำให้กล่องคอมเมนต์ใหญ่

[/b][color=#000000][font=Times New Roman]<styletype='text/css'>#comments {;position:relative;top: 170em;right:19.7em; margin-left: -250px;margin-right:-250px;width:956px;margin-bottom: 5em;}[/font][/color][font=Times New Roman]
[/font]
[size=4][b][color=#000000]เปลี่ยนตัวเลขดู[/color]

[/b][/size][size=4][b][color=#000000]ย้ายคอมเม้นท์ อัลบั้มภาพ และ Friends มาด้านซ้าย
[/color]
[/b][/size][size=4][color=#000000]<style type=text/css>
table {direction:rtl;} table table table {direction:ltr;}  
</style>[/color][/size][size=4][color=#000000]

[/color][/size][color=#000000]
[/color][color=#000000][size=4][b]ย้ายรูปคอมเม้นท์ไปด้านขวา
[/b][/size][/color][color=#000000]
[/color][size=4][color=#000000]<style type="text/css">

.comment-picture img { float: right; }  

.comment-picture a img { float: right; }  

</style> [/color]


[/size][b][size=4]ย้ายเยอะๆ ปรับเลขเองนะ
[/size]

[/b]#friends {position:relative;top:em;right: 20em;}

#photoAlbums {position:relative;top: em;right: 20em;}

#user-fives {position:relative;top: 2em;right: 20em;}

#lifestyle {position:relative;top: 1.5em;left: 20em;}

#interests {position:relative;top: 70em;left: 20em;}

#comments {position:relative;top: 85em;right: 40em;}
[/color][/size][/color][/color][/size][size=2]

ปรับตัวเลขตามนี้ (ใส่เลขติดลบได้เช่น-5em)


top คือ แนวตั้ง right คือ แนวนอน
[/size]


[size=4][color=#000000][b][color=#000000]ค่อยๆย้าย
[/color][/b]
[size=2]#comments {position:relative;top: 2em;right: 10em;}

#friends {position:relative;top:2em;right: 10em;}

#user-fives {position:relative;top:2em;right: 10em;}

#photoAlbums {position:relative;top:2em;right: 10em;}

#lifestyle {position:relative;top:2em;right: 10em;}
[/size][/color][/size][size=2][color=#000000]
#interest {position:relative;top:2em;right: 10em;} [/color][/size]
[color=#000000][size=2]
#journalDetail {position:relative;top:2em;right: 10em;}
[/size][/color]
[color=#000000][size=2]#schools {position:relative;top:2em;right: 10em;} [/size][/color]
[color=#000000]
[size=2]#videos {position:relative;top:2em;right: 10em;} [/size][/color]
[color=#000000]
[/color][color=#000000][size=2]#widgets {position:relative;top:2em;right: 10em;} [/size][/color]
[color=#000000]
[/color][color=#000000][size=2]#recent-updates {position:relative;top:2em;right: 10em;} [/size][/color]
[color=#000000]
[/color][color=#000000][size=2]#groups {position:relative;top:2em;right: 10em;}

[/size][/color]
[color=#000000][size=2]ปรับตัวเลขตามนี้

top ขึ้น-ลง right ซ้าย-ขวา

ใส่เป็น ค่า ติดลบเช่น -6emได้

[size=4][color=#000000]ถ้าจะเอาละเอียดกว่านั้นก็เอาชื่อส่วนเหล่านี้ใส่แทน
[/color]
ดูชื่อส่วนต่างๆที่นี่

[url=http://hi5.com/friend/profile/displayJournalDetail.do?ownerId=186310328&journalId=55929042][size=2]http://utswin.hi5.com/friend/profile/displayJournalDetail.do?ownerId=186310328&journalId=55929042[/size][/url]
[/size]


[size=4][b]ช่องว่างระหว่างสถิติแต่ละเส้น[/b][/size]


[size=3][color=#ff99cc][size=4][color=#000000]<style type="text/css">
.subsection .vanity-title  { font-size:18px }
</style>[/color][/size]
[/color]

[/size][/size][size=2][align=center][size=3][size=4][color=#000000][b]ชื่อโปรไฟล์ตรงกลาง[/b][/color][/size]


[/size][size=4][color=#000000]<style type="text/css"> [/color][/size][/align][align=center][size=4][color=#000000]#profile-nav {text-align: center;} [/color][/size][/align][align=center][size=4][color=#000000]#profile-name {text-align: center; color:#FFFFFF;}[/color][/size][/align][align=center][size=4][color=#000000]</style>
[/color][/size][/align][align=center]
[size=3][/size][/align][/size][/color]

[[i] แก้ไขล่าสุด zennie เมื่อ 2008-9-22 07:14 [/i]]

ดีจังค่ะ:p_crying

ของคุณมากนะคับ

ขอบคุนมากเลยคับผม ,    ;]

ขอบคุณจ้า :D