Code Hi5 โค้ด ตกแต่ง 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>












No comments:

Post a Comment

Thank you for Comment , Have a nice day.