เว็บไซต์    สารบัญเว็บไทย    หางาน   วิดีโอ    เพลง    ข่าว     ความรู้    ถามตอบ    ไฟล์ข้อมูล  
 
หาอะไร  
หาแบบละเอียด
ช่วยเหลือ
 
สมัครสมาชิก
สมาชิก : หน้าส่วนตัว  ความรู้ : เขียนบทความ | เขียนคำแสลง | ฉันเขียน | เรื่องที่ติดตาม  ถาม-ตอบ : ตั้งคำถาม | ฉันถาม-ฉันตอบ | คำถามที่ติดตาม
 
  ความหมาย   เสวนา   แก้ไข   ประวัติ
สนุก!พีเดีย > หมวดความรู้ > ข่าวสารและชีวิตประจำวัน > ตกแต่ง hi5 > บทความพีเดียเรื่อง : โค้ดตกแต่งhi5
 
สนุก!พีเดีย
(0) 117898 view
 

โค้ดตกแต่งhi5
[ แก้ไข ][ เก็บไว้เป็นเรื่องที่ติดตาม ]
สร้างเมือ 05-03-2008 โดย projectlib

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

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

ภาพตัวอย่างการใช้โค้ดทำรูป profile อยู่ทางขวา

[ดูภาพทั้งหมดในหมวด]

หัวข้อ
โค้ดใส่รูปหัวบน
embed src="http://widget.sanook.com/slide-diy/swf/slide.swf" flashvars="xmlPath=http://widget.sanook.com/static_content/farm1/1781/148f246d43ab6b/myslide.xml" width="426" height="320" bgcolor="#FFFFFF"></embed>


[กลับหัวข้อหลัก][ แก้ไข ]
โค้ดลบแถบ log in
<style type="text/css"> #p_nav_header{display:none}</style>

[กลับหัวข้อหลัก][ แก้ไข ]
love


[กลับหัวข้อหลัก][ แก้ไข ]
 [ดูภาพทั้งหมดในหมวด]
โค้ดใส่ 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>

[กลับหัวข้อหลัก][ แก้ไข ]
 [ดูภาพทั้งหมดในหมวด]
~แฮ่น~

แฮ่น

[กลับหัวข้อหลัก][ แก้ไข ]

ZEBRA*

[ดูภาพทั้งหมดในหมวด]
โค้ดตัวอักษรวิ่งขึ้น หลายบรรทัด
<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>

[กลับหัวข้อหลัก][ แก้ไข ]
โค้ดทำ scrollbar
<style type="text/css">
html {
scrollbar-arrow-color: โค้ดสี; #00ccff
scrollbar-face-color: โค้ดสี; #00ff33
scrollbar-highlight-color: โค้ดสี; #0000ff
scrollbar-3dlight-color: โค้ดสี; #0000ff
scrollbar-shadow-color: โค้ดสี; #0000ff
scrollbar-darkshadow-color: โค้ดสี; #0000ff
scrollbar-track-color: โค้ดสี; #0000ff
}
</style>

[กลับหัวข้อหลัก][ แก้ไข ]

den

[ดูภาพทั้งหมดในหมวด]
โค้ด รูป เพื่อน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>

[กลับหัวข้อหลัก][ แก้ไข ]
 [ดูภาพทั้งหมดในหมวด]
Code ใส่พื้นหลัง + ลบเส้นขอบ



[กลับหัวข้อหลัก][ แก้ไข ]

ช่างภาพ

[ดูภาพทั้งหมดในหมวด]
 
ผู้สนับสนุน
อยากเห็นเว็บไซต์ของท่านตรงนี้ คลิกที่นี่
สนุก!พีเดีย > หมวดความรู้ > ข่าวสารและชีวิตประจำวัน > ตกแต่ง hi5 > บทความพีเดียเรื่อง : โค้ดตกแต่งhi5