|
|
|
รวมโค้ดสำหรับใช้ตกแต่ง hi5
แนะนำโค้ดตกแต่ง hi5 มากมาย เพื่อทำให้ hi5 ของคุณดูทันสมัย และแตกต่างจาก hi5 ของเพื่อนคนอื่น จากภาพตัวอย่าง เป็นการนำโค้ดตกแต่ง hi5 คือ โค้ดทำรูป profile อยู่ทางขวา มาใช้ ผลที่ได้ กล่องแสดงภาพ Profile จะถูกย้ายไปด้านขวามือ และข้อมูลบอกจำนวนต่างๆ จะถูกย้ายไปซ้ายมือแทน
|
| ภาพตัวอย่างการใช้โค้ดทำรูป profile อยู่ทางขวา |
 |
|
[ดูภาพทั้งหมดในหมวด]
|
|
หัวข้อ
|
|
|
โค้ดลบแถบ log in
<style type="text/css"> #p_nav_header{display:none}</style>
|
|
|
|
|
โค้ดใส่ background
<style type="text/css">
body {
background-image: url( ใส่ url รูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
</style>
|
|
|
โค้ดลบเส้น+ทำแถบให้ใส
<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> คั่นระหว่างบรรทัด)
|
|
|
โค้ดตัวอักษรมีไฮไลท์
<FONT class="glows">ข้อความที่ต้องการ</FONT>
|
|
|
โค้ดทำให้ comment อยู่ทางซ้าย
โค้ตทำให้คอมเม้นอยู่ด้านซ้าย
|
|
|
โค้ดทำให้ รูปตรง comment ใหญ่ขึ้น
<style type="text/css">
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
</style>
|
|
|
โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง
<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>
|
|
|
|
|
โค้ด รูป เพื่อนcomment อยู่ตรงกลาง
<style type='text/css'>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}
</style>
|
|
|
โค้ด รูป 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>
|
|
|
|
|
บทความพีเดีย อื่น ๆ
