hi5Thai!'s Archiver

[[[คิตตี้จาง]]] กระทู้เมื่อ 31-10-2008 12:16

โค้ดตกแต่งhi5จร้า

[b][size=7][color=Magenta]โค้ดตกแต่งhi5จ้า[/color][/size][/b]


โค้ด ตกแต่ง hi5 เยอะแยะมากมายโค้ด 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>

[[[คิตตี้จาง]]] กระทู้เมื่อ 31-10-2008 12:24

เดี๋ยวจะมาอัพเพิ่มนะคะ

ไว้วันหลังจะมาอัพเพิ่มให้นะคะi32

boombim15 กระทู้เมื่อ 2-11-2008 09:45

ขอบคุณมากๆๆๆๆๆค่ะi04

Moo_jang กระทู้เมื่อ 2-11-2008 10:10

โค้ดตกแต่งhi5จร้า

ง่า
ขอก๊อบมั่งนะ
อิอิ
ขอบคุนค่ะ

october_2537 กระทู้เมื่อ 2-11-2008 10:11

ขอบคุนนนนนนนมากกกกกมายยยยยยย

น่ะi31

ข้าวฟ้าง!! กระทู้เมื่อ 2-11-2008 11:42

ขอบคุงมากจ่ะ
จาเอาไปใช้น่ะ
แต๊งก์

haemunt กระทู้เมื่อ 2-11-2008 17:35

ขอบคุนค่ะ

มีเยอะมากเลย

จะลองใช้ดูนะ

i33

MaiiaM83 กระทู้เมื่อ 3-11-2008 14:43

ขอบคุณมากๆๆ ค่ะ กำลังหาพอดีเลย

casanovyp กระทู้เมื่อ 3-11-2008 20:43

มีประโยชน์มากมาย

ขอบคุงมากน่ะค่ะ

สโนว์บอล กระทู้เมื่อ 21-11-2008 11:02

ขอบคุณมากคับที่แบ่งปัน ขอเอาไปใช้บ้างนะคับ

k_ar_n กระทู้เมื่อ 21-11-2008 12:41

อยากด้าย
โค้ดเพื่อนไว้ตรงช่อง
ไลสไตส์อ่ะ
ขอหน่อยนะ
ขแบคุงฆ๊ะ

Icealfa กระทู้เมื่อ 21-11-2008 13:33

เยอะแยะไปหมดเลยจ้า

ขอบคุนน้า

i30

หน้า: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.
Translated Thai by Jaideejung007(Thzaa.com)