รวมโค้ดตกแต่งhi5 มากมาย

ดูทั้งหมดที่ http://www.flash-mini.com/hi5code/

โค้ดใส่รูปหัวบน
<style type="text/css"><br />#profile name {background image:url(ใส่ URL รูปตรงนี้);<br />width:956px;<br />height:ความสูงpx}<br /></style>
โค้ดลบแถบ log in

<style type="text/css"> #p_nav_header{display:none}</style>



โค้ดทำรูป profile อยู่ทางขวา

<style type="text/css"> #user details .content { DIRECTION: rtl }</style>



โค้ดใส่ background

<style type="text/css"><br />body {<br />background image: url( ใส่ url รูป ) ;<br />background attachment: fixed ;<br />background repeat: repeat ;<br />}<br /></style>



โค้ดลบเส้น+ทำแถบให้ใส

<style type="text/css"><br />#user details { border: none; }<br />.section .content { border: none; }<br />#profile nav { background color: transparent; }<br />.section h1 { background color: transparent; border: none; }<br />.section h2 { background color: transparent; border: none; }<br /></style>



โค้ดใส่รูปตรงกรอบ Comment

<style type="text/css"><br />textarea {background image:url( ใส่ URL ของรูป );<br />border style: inset;<br />color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; }<br /></style>



โค้ด ใส่รูป,อักษร

<a href="" target="_blank"><br /><img src="" alt="" width="กว้าง" border="0" height="สูง" /><br />




โค้ดทำให้ comment อยู่ทางซ้าย

<style type="'text/css'"><br />table {direction:rtl;}<br />table table table {direction:ltr;}<br /></style>



โค้ดทำให้ รูปตรง comment ใหญ่ขึ้น

<style type="text/css"><br />.comment picture {height:100px !important;<br />width:100px;}<br />.comment picture a img {width:100px; height:100px;}<br /></style>



โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง

<style type="'text/css'"><br />#friends {DISPLAY: none}<br />#schools {display:none;}<br />#groups {display:none;}<br />#videos {display:none;}<br />#widgets {display:none;}<br />#background {display:none;}<br />#recent updates {display:none;}<br />#photoAlbums {display:none;}<br /><br /></style>



โค้ดทำ scrollbar

<style type="text/css"><br />html {<br />scrollbar arrow color: โค้ดสี;<br />scrollbar face color: โค้ดสี;<br />scrollbar highlight color: โค้ดสี;<br />scrollbar 3dlight color: โค้ดสี;<br />scrollbar shadow color: โค้ดสี;<br />scrollbar darkshadow color: โค้ดสี;<br />scrollbar track color: โค้ดสี;<br />}<br /></style>





โค้ด รูป เพื่อนcomment อยู่ตรงกลาง

<style type="'text/css'"><br />.comment picture {MARGIN TOP: 6em; LEFT: 16em;POSITION: relative;}<br /><br /></style>


โค้ด รูป Profife อยู่ตรงกลาง

<style type="'text/css'"><br />#about left{position: relative;left: 27.5em;}#about right{position: relative;left: 52em;}#about center{position: relative;left: 27.5em;}<br /><br /></style>


Code ใส่พื้นหลัง + ลบเส้นขอบ

<style type="text/css"><br /><br />body {<br />background image: url( ใส่ url ของรูป ) ;<br />background attachment: fixed ;<br />background repeat: repeat ;<br />}<br /><br />#user details { border: none; }<br />.section .content { border: none; }<br /><br /></style>




Code ใส่รูปในกล่อง comment

<style type="text/css"><br /><br />textarea {background image:url( ใส่ URL ของรูปนะคับ );<br />border style: inset;<br />color: สีของตัวอักษรเวลาที่พิม ;<br />height: ความสูงของ CommentBox หน่วยเป็น px;<br />width: ความกว้างไม่ควรเกิน 450px; }<br /><br /></style>





โค้ดเม้าส์

<style type="text/css"><br /><br />body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );}<br />a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}<br /><br /></style>



Code ทำแถบ Header ให้ใสทุก box

<style type="text/css"><br /><br />#profile name { background: none; }<br />#profile nav,.section h1,.section h2<br />{ background color: transparent; border: none; }<br /><br /></style>


Code ทำให้แถบ Log in ให้หายไป

<style type="text/css"><br /><br />#p_nav_header{display:none}<br /><br /></style>



Code ลบเส้นคั่นระหว่าง Comment

<style type="text/css"><br /><br />.listitem separator {visibility: hidden;}<br /><br /></style>



Code เปลี่ยนสีเส้นคั่น Comment

<style type="text/css"><br /><br />#comments .listitem separator {background: ใส่รหัสสี !important;}<br /><br /></style>



Code ขยายรูป display Comment

<style type="text/css"><br /><br />.comment picture {height:100px !important;<br />width:100px;}<br />.comment picture a img {width:100px; height:100px;}<br /><br /></style>



โค้ดแต่ง Content คือข้อมูลส่วนตัว

<style type="text/css"><br /><br />#user details .content { direction: RtL;}<br />#about left { direction: LtR; }<br />#about center{ direction: LtR; }<br />#about right { direction: LtR; }<br />#about left, #about center, #about right<br />{ border: outset #1c1c1c 10px; }<br /><br /></style>




Code ใส่ Footer ด้านล่าง

<style type="text/css"><br />#footer {<br />background: url(ใส่ URL รูปภาพ) no repeat center center;<br />border: none; display: block; height: 50px;<br />}<br />#footer *,#footer a,#ad_banner {display: none;}<br /></style>



Code ใส่รูป Header

<style type="text/css"><br /><br /><br />#profile name {background image:url(ใส่ URL รูปภาพ); width:956px;<br />height:ความสูงของรูปภาพpx}<br /><br /></style>




โค้ดเปลี่ยนขีดสถานะ

<style type="text/css"><br /><br />.vanity bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}<br />.vanity bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}<br />.vanity bar div div img,.vanity bar div img<br />{display:none;}<br /><br /></style>



Code ทำกรอบ box, bg ให้ Comment


<style type="text/css"><br /><br />.subsection .comment {background: url(ใส่ URL รูปภาพ);<br />border: inset 3px #c00000;<br />height: ความสูงของ box px; overflow: auto;}<br /><br /></style>



โค้ดแถบสเกล แถบสี

<style type="text/css"><br /><br />.vanity bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}<br />.vanity bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}<br />.vanity bar div div img,.vanity bar div img<br />{display:none;}<br /><br /></style>



แก้ไขรูปภาพทั้งหมด

<style> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

เปลี่ยนรูปทุกรูปในpageให้เบลอๆ เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

เมื่อเอา mouse ชี้รูปจะเปลี่ยนเป็นสีเทา เอา mouse ออกจะเป็นปกติ

<style> a:hover img {filter:fliph;} </style>

เมื่อเอา mouse ชี้จะเปลี่ยนรูปจากด้านซ้ายไปขวา

<style> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

ทำให้ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ

<style> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>

รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

บอกไม่ถูก ดูเองละกัน


โค๊ดเปลี่ยนสี สกอลบาร์

<style><br />html{<br />scrollbar face color: black; เปลี่ยนสีตามจัย<br />scrollbar shadow color: 999966; เปลี่ยนสีตามจัย<br />scrollbar highlight color: black; เปลี่ยนสีตามจัย<br />scrollbar 3dlight color: 999966; เปลี่ยนสีตามจัย<br />scrollbar darkshadow color: black; เปลี่ยนสีตามจัย<br />scrollbar track color: black; เปลี่ยนสีตามจัย<br />scrollbar arrow color: 999966; เปลี่ยนสีตามจัย<br />}<br /></style>




เปลี่ยนรูปในกล่องคอมเม้น

<style><br /><br />textarea {background image:url( Url ของรูป );<br />border style: inset;<br />color: สีของตัวอักษรเวลาพิมในคอมเม้นท์ ;<br />height: ความสูงของกล่อง Comment หน่วยเป็น px ;<br />width: ความกว้างของกล่องไม่ควรเกิน 450 px ; }<br /><br /></style>



โค๊ด hi5 กลับด้านครับ

<style> table {direction:rtl;} table table table {direction:ltr;} </style>



โค๊ด display รูปเพื่อนที่เม้นใหญ่ครับ

<style>.comment picture {height:100px !important;<br />width:100px;}.comment picture a img {width:100px; height:100px;}<br /></style>



โค้ด รูป เพื่อนcomment อยู่ตรงกลาง

<style><br />.comment picture {MARGIN TOP: 6em; LEFT: 16em;POSITION: relative;}<br /></style>



โค๊ดคอมเม้นตรงกลาง

<style>.section .comment text {<br />TEXT ALIGN: center}<br /> <br /><br /><span style="font-weight: bold;">Code รูป Profile อยู่ตรงกลาง</span><br /><br /><style>#about left{position: relative;left: 30em;}#about right{position: relative;left: 52em;}#about center{position: relative;left: 32em;}</style>


Code รูป profile อยู่ทางขวา

<style> #user details .content { DIRECTION: rtl }</style>