รวมโค้ดแต่งHI5ครับ

Zone-IT โซนไอที : สังคมดีๆบนโลกออนไลน์

siapble

3 มีนาคม พ.ศ. 2551, 19:33:21
SIAPBLE.HI5.COM
โค้ดใส่รูปหัวบน

<style type="text/css">
#profile-name {background-image:url(ใส่ URL รูปตรงนี้);
width:956px;
height:ความสูงpx}
</style>
------------------------------------------------------

โค้ดลบแถบ log in

<style type="text/css"> #p_nav_header{display:none}</style>

-----------------------------------------------------------

โค้ดทำรูป profile อยู่ทางขวา

<style type="text/css"> #user-details .content { DIRECTION: rtl }</style>

----------------------------------------------------------------

โค้ดใส่ 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>

-------------------------------------------------------------------------------------------------------------

โค้ด ใส่รูป,อักษร

<a href=""target=_blank>
<img src="ชื่อ รูป" width=กว้าง height=สูง border="0" alt="">
<FONT color=สี size=ขนาด><center>ข้อความ </center></FONT>

--------------------------------------------------------------------------------------------------------------


โค้ดทำให้ comment อยู่ทางซ้าย

<style type='text/css'>
table {direction:rtl;}
table table table {direction:ltr;}
</style>

-----------------------------------------------------------------------------------------------------------------

โค้ดทำให้ รูปตรง 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: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}
</style>


----------------------------------------------------------------------------------------------------------------------------


โค้ด รูป เพื่อน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 ใส่พื้นหลัง + ลบเส้นขอบ

<style type="text/css">

body {
background-image: url( ใส่ url ของรูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}

#user-details { border: none; }
.section .content { border: none; }

</style>


-----------------------------------------------------------------------------------------------------------------

Code ใส่รูปในกล่อง comment

<style type="text/css">

textarea {background-image:url( ใส่ URL ของรูปนะคับ );
border-style: inset;
color: สีของตัวอักษรเวลาที่พิม ;
height: ความสูงของ CommentBox หน่วยเป็น px;
width: ความกว้างไม่ควรเกิน 450px; }

</style>


---------------------------------------------------------------------------------------


โค้ดเม้า

<style type="text/css">

body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );}
a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}

</style>

---------------------------------------------------------------------------------------

Code ทำแถบ Header ให้ใสทุก box

<style type="text/css">

#profile-name { background: none; }
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }

</style>
------------------------------------------------------------------------------------

Code ทำให้แถบ Log in ให้หายไป

<style type="text/css">

#p_nav_header{display:none}

</style>

-------------------------------------------------------------------------------

Code ลบเส้นคั่นระหว่าง Comment

<style type="text/css">

.listitem-separator {visibility: hidden;}

</style>

-----------------------------------------------------------------------------

Code เปลี่ยนสีเส้นคั่น Comment

<style type="text/css">

#comments .listitem-separator {background: ใส่รหัสสี !important;}

</style>

-------------------------------------------------------------------------------

Code ขยายรูป display Comment

<style type="text/css">

.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}

</style>

-----------------------------------------------------------------------------------

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

-------------------------------------------------------------------------


Code ใส่ 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>

----------------------------------------------------------------------------

Code ใส่รูป Header

<style type="text/css">


#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;
height:ความสูงของรูปภาพpx}

</style>

--------------------------------------------------------------------------------------------


โค้ดเปลี่ยนขีดสถานะ

<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>

---------------------------------------------------------------------------------

Code ทำกรอบ box, bg ให้ Comment


<style type="text/css">

.subsection .comment {background: url(ใส่ URL รูปภาพ);
border: inset 3px #c00000;
height: ความสูงของ box px; overflow: auto;}

</style>

-----------------------------------------------------------------------------------------

โค้ดแถบสเกล แถบสีอ่ะ

<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>

-----------------------------------------------------------------------------------------------

แก้ไขรูปภาพทั้งหมด

<style> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

เปลี่ยนรูปทุกรูปในpageให้เบลอๆ เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
----------------------------------------------------------------------------------------------------------------------------
---
<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

เมื่อเอา mouse ชี้รูปจะเปลี่ยนเป็นสีเทา เอา mouse ออกจะเป็นปกติ
------------------------------------------------------------------------------------------------------------------------------
<style> a:hover img {filter:fliph;} </style>

เมื่อเอา mouse ชี้จะเปลี่ยนรูปจากด้านซ้ายไปขวา
------------------------------------------------------------------------------------------------------------------------------
<style> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

ทำให้ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ
------------------------------------------------------------------------------------------------------------------------------
<style> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>

รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
-------------------------------------------------------------------------------------------------------------------------------
<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

บอกไม่ถูก ดูเองละกัน
---------------------------------------------------------------------------------------------------------------------------

โค๊ดเปลี่ยนสี สกอบา

<style>
html{
scrollbar-face-color: black; เปลี่ยนสีตามจัย
scrollbar-shadow-color: 999966; เปลี่ยนสีตามจัย
scrollbar-highlight-color: black; เปลี่ยนสีตามจัย
scrollbar-3dlight-color: 999966; เปลี่ยนสีตามจัย
scrollbar-darkshadow-color: black; เปลี่ยนสีตามจัย
scrollbar-track-color: black; เปลี่ยนสีตามจัย
scrollbar-arrow-color: 999966; เปลี่ยนสีตามจัย
}
</style>

------------------------------------------------------------------------------------------------------------------------


เปลี่ยนรูปในกล่องคอมเม้น

<style>

textarea {background-image:url( Url ของรูป );
border-style: inset;
color: สีของตัวอักษรเวลาพิมในคอมเม้นท์ ;
height: ความสูงของกล่อง Comment หน่วยเป็น px ;
width: ความกว้างของกล่องไม่ควรเกิน 450 px ; }

</style>

----------------------------------------------------------------------------------------------------------------------------

เครดิต by ๐OปราสาทกุหลาบแดงO๐ - <My> จาก เด็กดี.com


โค๊ด hi5 กลับด้านครับ

<style> table {direction:rtl;} table table table {direction:ltr;} </style>

------------------------------------------------------------------------------------------------------------------------------

โค๊ด display รูปเพื่อนที่เม้นใหญ่ครับ

<style>.comment-picture {height:100px !important;
width:100px;}.comment-picture a img {width:100px; height:100px;}
</style>

-------------------------------------------------------------------------------------------------------------------------------

โค้ด รูป เพื่อนcomment อยู่ตรงกลาง

<style>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}
</style>

-----------------------------------------------------------------------------------------------------------------------------

โค๊ดคอมเม้นตรงกลาง

<style>.section .comment-text {
TEXT-ALIGN: center}
-----------------------------------------------------------------------------------------------------------------------------

Code รูป Profile อยู่ตรงกลาง

<style>#about-left{position: relative;left: 30em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 32em;}</style>

---------------------------------------------------------------------------------------------------------------------------
Code รูป profile อยู่ทางขวา

<style> #user-details .content { DIRECTION: rtl }</style>

---------------------------------------------------------------------------------------------------------------------------

ฝากด้วยครับ SIAPBLE.HI5.COM




www.zone-it.com/mouse




www.zone-it.com/cafe




www.zone-it.com/help




www.zone-it.com/qa




www.zone-it.com/download




www.zone-it.com/hi5




www.zone-it.com/smf




www.zone-it.com/midi




www.zone-it.com/music




www.zone-it.com/tv




www.zone-it.com/vdo




www.zone-it.com/football




www.zone-it.com/picpost




www.zone-it.com/firefox






moothe

4 มีนาคม พ.ศ. 2551, 16:29:09
แล้วใส่ตรงไหนครับ

siapble

4 มีนาคม พ.ศ. 2551, 20:16:42
ไลฟ์สไตล์ อะครับ
ความสนใจเฉพาะ ก็ได้ครับ [$2$]

deparkine

5 มีนาคม พ.ศ. 2551, 18:06:55
ขอบคุณค่ะ
เดี๋ยวจาลองเอาไป apply ดูค่ะ

คงสวยน่าดู อิอิ

 human

worrawut21

6 มีนาคม พ.ศ. 2551, 17:14:23
 human

chatni

7 มีนาคม พ.ศ. 2551, 19:25:27
thk

zxcvb

8 มีนาคม พ.ศ. 2551, 18:40:24
อ้างจาก: RaKiOsT ที่  8  มีนาคม  พ.ศ. 2551, 15:22:09
ขอบคุณคับ

ว่าแต่ว่านะ

มันใส่ตรงไหนอ่ะคับ Wink

ก็ใส่ในช่อง Lifestyle หรือ Interests ก็ได้- -*

myfairladyz

10 มีนาคม พ.ศ. 2551, 15:26:21
เพิ่งเข้ามาใหม่อ่ะ

ขอบคุณนะคะ จะได้ไปทำให้สวยๆอิอิ ขอบคุณมากก๊าบ  30

sutipong_6

12 มีนาคม พ.ศ. 2551, 22:24:56
เวลา เรา เอา โค๊ ดเมาส์ ไปใส่  ทำไมมันไม่ขึ้น รูปอ่ะ

heroxbay

14 มีนาคม พ.ศ. 2551, 11:05:46
ดีคับ

จัยมากนะ

แต่งซะเท่เลย

จัย

ถ้ามีก็ขออีกนะ

pantaye

14 มีนาคม พ.ศ. 2551, 16:35:55
ผมใส่ช่องล่ะโคดแล้วมันเต็มอ่ะ  ใส่ช่องเดียวกัน ได้มั้ยอ่ะ
 แล้วต้อง พิม stly ยังไงครับ

siapble

14 มีนาคม พ.ศ. 2551, 20:03:49
อ้างจาก: pantaye ที่ 14  มีนาคม  พ.ศ. 2551, 16:35:55
ผมใส่ช่องล่ะโคดแล้วมันเต็มอ่ะ  ใส่ช่องเดียวกัน ได้มั้ยอ่ะ
 แล้วต้อง พิม stly ยังไงครับ

ได้ครับผม ของผมช่องเดียวใส่ตรึม

ก็พิมพ์
<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
</style>


<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ2
</style>


ต่อไปเลยก็ได้ครับ หรือเอาแต่โค้ดมาใส่อะครับจากข้างบน

<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
โค้ดๆๆๆๆๆๆๆๆๆ2
</style>


นี้อะครับ

alxin

16 มีนาคม พ.ศ. 2551, 12:08:35
มีประโยชน์มากๆครับ THX

pantaye

18 มีนาคม พ.ศ. 2551, 16:36:58
ในhi5ของบางท่านอ่ะ  ภาพคนคอมเม้น 
มันมีกรอบ หรือ ปีกกระดุกกระดิก อยู่ด้วย  ต้องใช้โค้ดไหนเหรอครับ

แล้วก็ ให้มันขึ้น alert ตอนเข้าhi 5 นี่ต้องทำไงเหรอครับ

robbery

26 มีนาคม พ.ศ. 2551, 18:05:29
ใจมากมายครับ

puttapon

3 เมษายน พ.ศ. 2551, 16:55:42
ชอบคุณครับ แต่บางโค๊ดผมใช้แล้วก็ไม่ได้ครับ
สงสัยผมคงทำผิด อิอิ

nattabird

4 เมษายน พ.ศ. 2551, 13:07:14
ใจนะทั่น

Arsnova

12 เมษายน พ.ศ. 2551, 00:15:43
 [$3$]ขอบคุณคับ

zelecker

12 เมษายน พ.ศ. 2551, 10:51:39
อ้างจาก: SIAPBLE ที่ 14  มีนาคม  พ.ศ. 2551, 20:03:49
อ้างจาก: pantaye ที่ 14  มีนาคม  พ.ศ. 2551, 16:35:55
ผมใส่ช่องล่ะโคดแล้วมันเต็มอ่ะ  ใส่ช่องเดียวกัน ได้มั้ยอ่ะ
 แล้วต้อง พิม stly ยังไงครับ

ได้ครับผม ของผมช่องเดียวใส่ตรึม

ก็พิมพ์
<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
</style>

แต่เพื่อไม่ให้เป็นการลืมควรคอมเม้นไว้ด้วยว่าโค้ดนี้คืออะไรเช่น

<!--เริ่มโค้ด 1-->
<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
</style>
<!--จบโค้ด 1-->

<!--เริ่มโค้ด 2-->
<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
</style>
<!--จบโค้ด 2-->

<!--เริ่มโค้ด 3-->
<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
</style>
<!--จบโค้ด 3-->


<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ2
</style>


ต่อไปเลยก็ได้ครับ หรือเอาแต่โค้ดมาใส่อะครับจากข้างบน

<style type="text/css">
โค้ดๆๆๆๆๆๆๆๆๆ
โค้ดๆๆๆๆๆๆๆๆๆ2
</style>


นี้อะครับ

popcorn

21 เมษายน พ.ศ. 2551, 18:00:34
อยากได้โค้ดที่ทำให้ข้อความคอมเม้นของเพื่อนๆอยู่ตรงกลางอ่ะค่ะ คือปกติมันจะชิดซ้าย อยากให้มันอยู่ตรงกลางได้มั้ยอ่ะคะ

zorkia

22 เมษายน พ.ศ. 2551, 14:28:58
แหล่ม.....

jobsak

3 พฤษภาคม พ.ศ. 2551, 19:37:21
 human human human

pum_book

6 พฤษภาคม พ.ศ. 2551, 20:55:34
ดีจ้าดีมากๆๆๆเลยนะ

naremettai

12 พฤษภาคม พ.ศ. 2551, 13:01:58
ใจๆ

peacetem

16 พฤษภาคม พ.ศ. 2551, 18:45:16
คุงงับ

Joesong

17 พฤษภาคม พ.ศ. 2551, 15:53:38
สวยทั้งนั้นเย้ยครับ [$2$] [$3$] human human

Narutok

25 พฤษภาคม พ.ศ. 2551, 01:22:53
ดีคับ

issarapap9

14 มิถุนายน พ.ศ. 2551, 15:21:08
 11 11ใจจร้าาาาาาา 11 11

issarapap9

19 มิถุนายน พ.ศ. 2551, 22:33:21
 11 [{-11-}]Thak u very much 10 10

Monezaa516

6 กรกฎาคม พ.ศ. 2551, 11:23:11
ขอบจายมากเลยน้า

nete

17 กรกฎาคม พ.ศ. 2551, 10:59:22
แล้วเอา code ไปใส่ตรงไหนบ้างอ่ะ

nete

17 กรกฎาคม พ.ศ. 2551, 11:01:38
เด็กใหม่เพิ่งหัดเล่นอ่ะนะ human

ToNPeAK

17 กรกฎาคม พ.ศ. 2551, 23:42:35
อยากจะบอกว่าแจ๋มโค้ดดดด

dingmongs

2 สิงหาคม พ.ศ. 2551, 10:33:54
ว้าวสวยงาม ขอบคุณมากจริงจี้ง

therace

15 สิงหาคม พ.ศ. 2551, 20:38:22
ขอบครุงมากมายคร่า new

heroxbay

23 สิงหาคม พ.ศ. 2551, 10:57:35
จัยมากเลยนะคับ

อิอิ

oodeknarokoo

28 สิงหาคม พ.ศ. 2551, 10:32:51
ขอบคุงคับ human