โค้ด ตกแต่ง hi5 เยอะแยะมากมาย ที่นี่เลย
โค้ด hi5 : ชี้ลิ้งค์แล้ว hightlight
โค้ดแต่ง hi5 ชี้ลิ้งค์แล้ว hightlight
<style>
a:hover { color:#โค้ดสีตัวอักษรบน hightlight;
text-decoration:none; background:#โค้ดสีที่ highlight;}
</style>
——————————————————
โค้ด hi5 : ห้ามคลิ้กขวา
โค้ดแต่ง hi5 ห้ามคลิ้กขวา
<script language=JavaScript>
<!–
var message=”ห้ามคลิ้กขวาที่ hi5″;
///////////////////////////////////
function clickIE() {if (document.all) {alert(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function(”return false”)
// –>
</script>
โค้ดแต่ง hi5 Status bar โหลดเป็นเปอร์เซ็นPosted by gootum in April 2nd, 2008 Leave commentPosted in: Hi5 Tags: code hi5, ของแต่งhi5, ตกแต่ง hi5, ตกแต่งhi5, หาเพื่อน hi5, แต่ง hi5, แต่งhi5, โค้ด hi5, โค้ดhi5, โค้ดแต่ง hi5, โค้ดแต่ง hi5 Status bar โหลดเป็นเปอร์เซ็น, โค้ดแต่งhi5 โค้ดแต่ง hi5 Status bar โหลดเป็นเปอร์เซ็น
<script type=”text/javascript”>
<!– Hide from old browsers
message =
“L o a d d i n g |||||||||||||||||||||||||||||||| 30% ^”+
“L o a d d i n g ||||||||||||||||||||||||||||||||||||||||||||||||| 50% ^”+
“L o a d d i n g |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 70% ^” +
“L o a d d i n g ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 100% ^” +
“ข้อความ hi5″ +
“ข้อความ […]
——————————————————
โค้ด hi5 : คลิกขวามี POP UP
โค้ดแต่ง hi5 คลิกขวามี POP UP
<head><script language=”JavaScript”>
function right(e) {
if (navigator.appName == ”Netscape” && (e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == ”Microsoft Internet Explorer” &&
(event.button == 2 || event.button == 3)) {
alert(”เขียนข้อความลง hi5 1ตรงนี้ครับ เอ้ยๆห้ามเชฟเดี๋ยวมึงโดน”);
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script></head>
——————————————————
โค้ด hi5 : รูปวิ่งได้
โค้ดแต่ง hi5 รูปวิ่งได้
<marquee><img src=http://qq.sanook.com/images/qqlogo.gif (ใส่ url ของรูป)> </marquee>
——————————————————
โค้ด hi5 : กรอบปฏิทิน
โค้ดแต่ง hi5 กรอบปฏิทิน
<style>
calendarHeader {
background:red;
}
.calendarToday {
font-weight: bold;
background:grey;
}.calendar {
border:1px solid #cccccc;
}
</style>
——————————————————
โค้ด hi5 : ใส่รูปหัวบน
<style type=”text/css”>
#profile-name {background-image:url(ใส่ URL รูปตรงนี้);
width:956px;
height:ความสูงpx}
</style>
——————————————————
โค้ด hi5 : ลบแถบ log in
<style type=”text/css”> #p_nav_header{display:none}</style>
———————————————————–
โค้ด hi5 : ทำรูป profile อยู่ทางขวา
<style type=”text/css”> #user-details .content { DIRECTION: rtl }</style>
—————————————————————-
โค้ด hi5 : ใส่ background
<style type=”text/css”>
body {
background-image: url( ใส่ url รูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
</style>
——————————————————————
โค้ด hi5 : ลบเส้น+ทำแถบให้ใส
<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>
————————————————————————————————————
โค้ด hi5 : ใส่รูปตรงกรอบ Comment
<style type=”text/css”>
textarea {background-image:url( ใส่ URL ของรูป );
border-style: inset;
color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; }
</style>
————————————————————————————————————-
โค้ด hi5 : ใส่รูป,อักษร
<a href=””target=_blank>
<img src=”ชื่อ รูป” width=กว้าง height=สูง border=”0″ alt=””>
<FONT color=สี size=ขนาด><center>ข้อความ </center></FONT>
————————————————————————————————————–
โค้ด hi5 : ทำให้ comment อยู่ทางซ้าย
<style type=’text/css’>
table {direction:rtl;}
table table table {direction:ltr;}
</style>
—————————————————————————————————————–
โค้ด hi5 : ทำให้ รูปตรง comment ใหญ่ขึ้น
<style type=”text/css”>
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
</style>
—————————————————————————————————————–
โค้ด 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>
————————————————————————————————————————-
โค้ด hi5 : ทำ scrollbar
<style type=”text/css”>
html {
scrollbar-arrow-color: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}
</style>
—————————————————————————————————————————-
โค้ด hi5 : รูป เพื่อน comment อยู่ตรงกลาง
<style type=’text/css’>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}
</style>
—————————————————————————————————————————
โค้ด hi5 : รูป 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>
—————————————————————————————————————————
โค้ด hi5 : ใส่พื้นหลัง + ลบเส้นขอบ
<style type=”text/css”>
body {
background-image: url( ใส่ url ของรูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
#user-details { border: none; }
.section .content { border: none; }
</style>
—————————————————————————————————————–
โค้ด hi5 : ใส่รูปในกล่อง comment
<style type=”text/css”>
textarea {background-image:url( ใส่ URL ของรูปนะคับ );
border-style: inset;
color: สีของตัวอักษรเวลาที่พิม ;
height: ความสูงของ CommentBox หน่วยเป็น px;
width: ความกว้างไม่ควรเกิน 450px; }
</style>
—————————————————————————————
โค้ด hi5 : ทำเม้าส์ พอยท์เตอร์ สวยๆ
<style type=”text/css”>
body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );}
a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}
</style>
—————————————————————————————
โค้ด hi5 : ทำแถบ Header ให้ใสทุก box
<style type=”text/css”>
#profile-name { background: none; }
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }
</style>
————————————————————————————
โค้ด hi5 : ทำให้แถบ Log in ให้หายไป
<style type=”text/css”>
#p_nav_header{display:none}
</style>
——————————————————————————-
โค้ด hi5 : ลบเส้นคั่นระหว่าง Comment
<style type=”text/css”>
.listitem-separator {visibility: hidden;}
</style>
—————————————————————————–
โค้ด hi5 : เปลี่ยนสีเส้นคั่น Comment
<style type=”text/css”>
#comments .listitem-separator {background: ใส่รหัสสี !important;}
</style>
——————————————————————————-
โค้ด hi5 : ขยายรูป display Comment
<style type=”text/css”>
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
</style>
———————————————————————————–
โค้ด hi5 : แต่ง Content คือข้อมูลส่วนตัว
<style type=”text/css”>
#user-details .content { direction: RtL;}
#about-left { direction: LtR; }
#about-center{ direction: LtR; }
#about-right { direction: LtR; }
#about-left, #about-center, #about-right
{ border: outset #1c1c1c 10px; }
</style>
————————————————————————-
โค้ด hi5 : ใส่ Footer ด้านล่าง
<style type=”text/css”>
#footer {
background: url(ใส่ URL รูปภาพ) no-repeat center center;
border: none; display: block; height: 50px;
}
#footer *,#footer a,#ad_banner {display: none;}
</style>
—————————————————————————-
โค้ด hi5 : ใส่รูป Header
<style type=”text/css”>
#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;
height:ความสูงของรูปภาพpx}
</style>
——————————————————————————————–
โค้ด hi5 : เปลี่ยนขีดสถานะ
<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>
———————————————————————————
โค้ด hi5 : ทำกรอบ box, bg ให้ Comment
<style type=”text/css”>
.subsection .comment {background: url(ใส่ URL รูปภาพ);
border: inset 3px #c00000;
height: ความสูงของ box px; overflow: auto;}
</style>
—————————————————————————————–
โค้ด hi5 : แถบสเกล แถบสีอ่ะ
<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>