รวบรวมโค้ดแต่ง hi5 ตอน2
โค้ดแต่งhi5 คอมเม้นท์ คอมเม้นต์ hi5.com fontแบบต่างๆ โค้ดcomment background top friend ไฮไฟว์
ค้นหาเว็บทั่วโลก
Custom Search
วันนี้มาเพิ่มเติมโค้ดสำหรับตกแต่ง hi5 ให้แตกต่างกว่าใครๆ
พร้อมแล้วก็เริ่มกันเลยครับ
วิธีการใช้ฟรีโดเมน co.cc กับ hi5 เพื่อให้เข้าไปดูprofileง่ายขึ้น
เจาะลึกส่วนประกอบของ hi5 แก้โค้ดส่วนไหนได้บ้าง คลิ้กเลย
หากเห็นว่าเว็บนี้มีประโยชน์ ร่วมกันโหวตให้ง่ายๆ เพียง คลิกที่นี่
Hot!!!MozillaFirefox 3.0 ตัวจริงออกแล้ว ดาวน์โหลดเพื่อความปลอดภัยที่เพิ่มมากขึ้นDownload Now!
------------------------------------------------------------------------------------------------------------------------------------------
FONTS ฟอนท์รูปแบบต่างๆ ไว้คอมเม้นต์ เพื่อนๆสามารถเปลี่ยนสีสันและขนาดอักษรได้เลยครับFont will only work if the viewer has the font installed on their computer, otherwise they will see their default font. ฟอนท์จะทำงานเฉพาะกับเครื่องที่ติดตั้งฟอนท์แบบนั้นๆไว้
<font color=blue size=+2 face="adobe minion web">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="andale mono">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="arial">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="arial black">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="artistik">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="ashley inline">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="gill sans mt shadow">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="bedrock">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="broadway">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="carlisle">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="courier">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="courier new">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="comic sans ms">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="georgia">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="glowworm">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="harlow">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="impact">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="old english">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="lucida handwriting">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="lucida sans">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="lucida console">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="lucida sans unicode">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="helvetica">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="symbol">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="times new roman">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="trebuchet ms">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="verdana">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="wingdings">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="wonton icg">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2 face="Mini Pics Lil Events">YOUR TEXT GOES HERE</font>
Your Text Goes Here
<font color=blue size=+2><I>YOUR TEXT GOES HERE</I></font>
Your Text Goes Here
แต่งhi5 ให้ Top Friends, Fives และ comment อยู่กลาง
คำิอธิบาย : ย้าย Top Friends,Fives,Comment ให้มาอยู่กลางหน้า hi5 เลย
<style>
#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: 55em;left: 20.4em;}
#interests {position:relative;top: 75em;left: 20.4em;}
#comments {position:relative;top: 2em;right: 20em;}
</style>
ซากุระ หลากสีร่วงตรงที่คน comment ครับ
.section .comment-text { margin-bottom: 36pt; color:#FFF; font-family:, Courier New ; margin: 20pt; line-height: 20pt; font-size:15px; letter-spacing: 2px; background-image:url(http://dl8.glitter-graphics.net/pub/550/550778sl9k39rmwq.gif); background-position: 0% 100%; background-repeat:repeat; border-bottom:1px #FFF dotted; }
โค้ดhi5 ลบช่อง ที่ไม่ต้องการ ใน hi5
คำอธิบาย : ลบช่องที่ไม่ต้องการ ใน hi5 เรา (อันไหนที่ยังใช้อยู่ก็ให้ลบโค๊ดนั้นทิ้งนะครับ ไม่งั้นช่องหายหมดนะ )
<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 ใน hi5 ให้ใหญ่ขึ้น
คำอธิบาย : ขยายรูปในช่อง comment ใน hi5 ให้ใหญ่ขึ้นครับ
<style type="text/css">
.comment-picture {height:100px!important;
width:100px;border:solid #000000 1px;} .comment-picture a img {width:100px;height:100px;}
</style>
โค้ด Background Album
<style type="text/css">
.album {
background: url(URL) top left no-repeat;height: 100;width: 100;}
.album img {top: 7px;left: 7px;right: 10px;bottom: 10px;}
</style>
โค้ด Border Top Friend
<style type="text/css">
.friend-picture {border: Dotted 5px #FFFFFF;}
</style>
โค้ด Comment Font เรืองแสง
<style type="text/css">
.section .comment-text {filter:Glow(color=#FF99CC,strength=12);height:14;COLOR: #FFFFCC;}
</style>
โค้ดกล่องพิมพ์ Comment Box
<style type="text/css">
textarea{width:327;height:170;
background:url(URL); Width: 337px; HEIGHT: 170px;
color=#FFCC00; }
</style>
ต้องเปลี่ยนตัวเลขให้เท่ากับขนาดรูปที่เราใช้ด้วยนะครับ
โค้ด Scrollbar ของหน้าเว็บ
<style type="text/css">
html {
scrollbar-3dlight-color: #FFFFCC;
scrollbar-track-color: #FF6699;
scrollbar-base-color:#FF6699 ;
scrollbar-arrow-color: #543E5E;
scrollbar-darkshadow-color:#543E5E;
scrollbar-face-color:#FFFFCC;
scrollbar-highlight-color:#FF6699;
scrollbar-shadow-color:#543E5E; }
</style>
Search Bar ด้านบนของเพจ
Code : เปลี่ยนสีตัวอักษรบริเวณช่วง Search Bar ทั้งหมด
<style type="text/css">
#top_header{color:#ใส่โค้ตสี!important}
#top_header a.account_link { color: #ใส่โค้ตสี; }
#top_header a.search_link { color: #ใส่โค้ตสี; }
#top_header a.search_link_active { color: #ใส่โค้ตสี; }
#top_header span { color: #ใส่โค้ตสี !important; }
#p_nav_primary li#nav a { color: #ใส่โค้ตสี; }
#p_nav_primary li#nav_select a { color: #ใส่โค้ตสี; }
</style>
Code : ทำ Search Bar ให้ใส
<style type="text/css">
#p_nav_primary #nav_select {background-image:none;}
#p_nav_header {background:none; border:none; }
div#top_header {background:none; }
#p_nav_primary { background: none; border:none; }
</style>
Code : เอา Search Bar ทั้งหมดออก
<style type="text/css">
#p_nav_header{display:none}
</style
Code : ซ่อนคอมเม้นท์ ( จะแสดง.. ต่อเมื่อเอาเม้าส์ไปวาง )
<style>
.subsection .comment {height:45px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>
แถบ สถิติ
Code : เปลี่ยนแถบสีแสดง สถิติ
<style type="text/css">
.vanity-bar div {background:url( url รุปภาพพื้นหลัง ) !important;}
.vanity-bar div div {background:url( url รูปภาพสถิติ ) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}
</style>
url รูปภาพตัวอย่าง
http://image.dek-d.com/9/783888/11753859.gif
Link
Code : สำหรับชี้ลิ้งค์แล้วเปลี่ยน
- เป็นจุดสีชมพูวิบวับๆ
<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/12.gif'); }
</style>
- ไฮไลท์แว๊บๆ สีแดง
<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/16.gif'); }
</style>
- ไฮไลท์แว๊บๆ สีดำ
<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/17.gif '); }
</style>
- ไฟลุกขึ้นมา
<style type="text/css">
a:hover{background: url('http://www.ladylony.com/xox1.gif'); }
</style>
ถ้าจะลบชื่อprofileออกไปเลย
<style type="text/css">
.profile-nav .name strong {display:none}
</style>
ถ้าจะลบจำนวนคนดูออกไปนะครับ
<style type="text/css">
.profile-nav .name span {display:none}
</style>
Code : ใส่กรอบให้หน้าเว็บ
มีทั้งหมด 4 แบบ สามารถเปลี่ยนสีสันได้ตามใจชอบ จะใส่ต่างกันทั้ง 4 ด้านก็ได้นะครับ
แบบที่ 1
<STYLE>
html
{ BORDER-RIGHT: #ใส่โค๊ตสี 12px ridge;
BORDER-TOP: #ใส่โค๊ตสี 12px ridge;
BORDER-LEFT: #ใส่โค๊ตสี 12px ridge;
BORDER-BOTTOM: #ใส่โค๊ตสี 12px ridge }
</STYLE>
แบบที่ 2
<STYLE>
html
{ BORDER-RIGHT: #ใส่โค๊ตสี 12px solid;
BORDER-TOP: #ใส่โค๊ตสี 12px solid;
BORDER-LEFT: #ใส่โค๊ตสี 12px solid;
BORDER-BOTTOM: #ใส่โค๊ตสี 12px solid;}
</STYLE>
แบบที่ 3
<STYLE>
html
{ BORDER-RIGHT: #ใส่โค๊ตสี 12px dotted;
BORDER-TOP: #ใส่โค๊ตสี 12px dotted;
BORDER-LEFT: #ใส่โค๊ตสี 12px dotted;
BORDER-BOTTOM: #ใส่โค๊ตสี 12px dotted;}
</STYLE>
แบบที่ 4
<STYLE>
html
{ BORDER-RIGHT: #ใส่โค๊ตสี 12px double;
BORDER-TOP: #ใส่โค๊ตสี 12px double;
BORDER-LEFT: #ใส่โค๊ตสี 12px double;
BORDER-BOTTOM: #ใส่โค๊ตสี 12px double;}
</STYLE>