โค้ดตกแต่งhi5 - Sanook! พีเดีย

รวมโค้ดสำหรับใช้ตกแต่ง hi5

แนะนำโค้ดตกแต่ง hi5 มากมาย เพื่อทำให้ hi5 ของคุณดูทันสมัย และแตกต่างจาก hi5 ของเพื่อนคนอื่น จากภาพตัวอย่าง เป็นการนำโค้ดตกแต่ง hi5 คือ โค้ดทำรูป profile อยู่ทางขวา มาใช้ ผลที่ได้ กล่องแสดงภาพ Profile จะถูกย้ายไปด้านขวามือ และข้อมูลบอกจำนวนต่างๆ จะถูกย้ายไปซ้ายมือแทน

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

โค้ตทำให้คอมเม้นอยู่ด้านซ้าย


โค้ดทำ scrollbar




โค้ดใส่ background

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

โค้ดใส่รูปหัวบน

embed src="https://widget.sanook.com/slide-diy/swf/slide.swf" flashvars="xmlPath=https://widget.sanook.com/static_content/farm1/1781/148f246d43ab6b/myslide.xml" width="426" height="320" bgcolor="#FFFFFF">


love



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

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

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

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

โค้ดตัวอักษรวิ่งขึ้น หลายบรรทัด

<marquee scrollAmount="1" direction="up" height="100"><center>*b>
บรรทัด1<br>
บรรทัด 2<br>
บรรทัด 3 <br>
บรรทัด 4<br>
บรรทัด 5 <br>
บรรทัด 6<br>
</b></center></marquee>
(ใส่ได้หลายบรรทัดเลยค่ะใช้ <br> คั่นระหว่างบรรทัด)

Code รูปภาพ กลิตเตอร์ กราฟฟิกสวยๆ

ถ้าใครอยากได้ background glitter comment
เอาไว้แต่ง hi5 ให้สวยงาม
เข้าไปได้ตามรายชื่อเว็บเหล่านี้

https://www.glitterdd.com/
https://freeforhi5.110mb.com/lite/
https://glitter.gmember.com/


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

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

</style>

~แฮ่น~


แฮ่น




โค้ดลบแถบ log in

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

โค้ดตัวอักษรมีไฮไลท์

<FONT class="glows">ข้อความที่ต้องการ</FONT>

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

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

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

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

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

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