มาแล้ว ทุกอ่างของ hi5 ภาค 3 โค้ดใหม่เพียบมีวิชามารลบไฟล์ชาวบ้าน

[███†XxN•ÖMzaaxX†███]

หลายคนมาบอก มาถามว่าอไหร่จะอัพกระทู้ ที่เคยตั้งไว้เยอะมากจนตายเลย หนุ่มเลย ทำมาให้โหลดกันไปเลย

[

นี่แค่ย่อยๆยังมีออีกมากมาย เป็นตำรา มีทั้งทริป ลบไฟล์คอมเม้นให้ใครก็ได้
โหลดเต็มๆได้ที่

http://www.tempf.com/getfile.php?filekey=1227790994.82733______hi5________.rar&mime=application/rar
(ในนี้มีทั้งโปรแกรมดีๆสำหลับทไฮ5 และโปรกรมฟังเพลงสวยมากเลยดีเดียว ที่แน่ๆ ตำรา hi5 ครับโหลดกันเลย)



ทิปดีๆ ก่อนใส่โค้ด ก่อนแต่ง hi5

ปัณหาใส่โค้ดแล้วไม่ติด

1. โค้ดที่ผิด    50  px   50   px  โค้ดถูก 50px  ต้องใส่โค้ดติดครับ

2.ถ้าคุณเอาใส่โค้ดเยอะๆ ให้เอาโค้ดมารวมกัน

โดย>>แบบนี้นะ  <style type="text/css">เรียกว่าโค้ดเปิด
                   เอาโค้ดมารวมกัน  แต่อยากติดกะมากนะเด๋วแจกไม่ออกพันกันครับ
                  </style>เรียกว่าโค้ดปิด


3.ใส่โค้ดปิดกับเปิดแบบนี้ก็ได้  <style>โค้ดต่างๆ</style>



4.ถ้าคุณใส่โค้ดตามที่แจกมาจนไม่่ขึ้น คือ  สมุตว่าคุณเอาโค้ดเปลี่ยสีกรบต่างๆมา และเอาโค้ดเปลี่ยนสีกรอบเส้นขั้น

แต่พอคุณเอาโค้ดลบกรอบและสั้นขั้นต่างๆมาจะไม่ ขึ้นครับ  เพราะมีคำว่า (none)


อันนี้กรอบนะ

ส้ม = กรอบ รูป เปลี่ยน ได้ ตาม ใจ ชอบ นะ

double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!
none = ไม่เอาขอบ

*********ส่วนต่างๆของ hi5 ระเอียดกว่าที่เคยมี***********

[/url]



ทิปปรับขนาด เครื่องเล่นเพลง imeem หรือซ่อน

ปรับเปลี่ยนตัวเลข  ความกว้าง  width="ตัวเลข" ความสูง height="ตัวเลข"  (ถ้าไม่ต้องการให้โชว์เครื่องเลยใส่ 0 เลย)

สังเกตุในโค้ดเพลงนะ จะมีตัวเลขเปลี่ยนด้านล่างๆนะด้านบนปล่อยมันไว้

ตัวอย่างๆ โค้ดเพลง imeem

<object width="300" height="110"><param name="movie" value="http://media.imeem.com/m/PH5irvZGPC"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/PH5irvZGPC" type="application/x-shockwave-flash" width="ตัวเลขความกว้าง" height="ตัวเลขความสูง" wmode="transparent"></embed><a href="http://www.imeem.com/zumene/music/kgPnjGDX/no_more_tear/">รักเคยดีกว่านี้ - No More Tear</a></object>


โค้ดลบหัวข้อด้านซ้ายทั้งหมด

#content-left h1{display:none;}

โค้ดลบหัวข้อด้านขวาทั้งหมด

#content-right h1{display:none;}

ท๊อปเฟรนใสๆ เกิดจากการใช้ คำในรูปส่วนๆต่างๆของ hi5 ที่เราทำ +กับการ ผสมโค้ดใส่ดัดแปลงเล็กน้อยง่ายๆ
แล้วแต่เพื่อนๆจะคิดสร้างสรรอะไรใหม่ๆออกมา

ท๊อปเฟรนใสๆ

.friend-picture img {filter: Alpha(Opacity=0,FinishOpacity=100,Style=1); border: #FF0033 8px  groove;}


โค้ดลบทั้งหมดของ hi5

<style type='text/css'>
#hi5-application-main{display:none;}
</style>

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


lifestyle
http://hi5.com/friend/account/displayEditProfileLifestyle.do

Interests
http://www.hi5.com/friend/account/displayEditProfileInterests.do


โค้ด พื้นหลังใส่แล้วพอดี สีพื้นหลังที่เหลือจะเป็นสีดำ

<style>
body {
background-image: url(http://upic.me/i/ss/rjf5z.jpg);background-attachment:fixed;
background-repeat: no-repeat;
background-color:#000000 ;
}
</style>


ใส่จำนวน คนออนไลน์ ตรงไอค่ออนไลน์

<style type='text/css'>
#online-now-icon{background-image: url(http://whos.amung.us/cwidget/dcqjfyjsga2w/00adef000000.png);
width:80px; height:30px;}
</style>

เครดิต http://xxnoomzaaxx.hi5.com


โค้ดคอมเม้นแบบเลื่อน

<style>
#comments .window_scrollbar {
      overflow: auto;
    height:660px;
    background:{background-color:transparent;}
border:none;
}
</style>




รวมทำเรืองแสง และ สีเงาต่างๆเลือก เปลี่ยนได้ตามใจ

 
ใส่เงาตรงส่วนต่างๆ ของ hi5 ครับ
ใส่สีเงาที่ต่างๆไม่ใช่เรืองแสงน๊า
รูปแบบของเงาใส่ได้ 2 แบบดังนี้
แบบ GLOW  แบบเก่านะ

{filter:Glow(color=ใส่สีเอานะ,strength=5);}

แบบ SHADOW  แบบใหม่สวยมากครับ

{filter:shadow(color=ใส่สีเอานะ,strength=5,direction=135);}

หรือ ทั้งตัวหนังสือใหญ่ขึ้นและเรืองแสง ชนิดเงา 2 ชนิดที่บอกไป GLOW และ  SHADOW

{font-size:ขนาดตัวหนังสือpx;filter:ชนิดเงา(color=สีที่เรืองแสง,strength=2);height:14;COLOR: สีกรอบ;}




หัวข้อด้านซ้ายมือทั้งหมดเรืองแสง

#content-left h1{font-size:25px;filter:Glow(color=#66FFFF,strength=2);height:14;COLOR: #000000;}

หัวข้อด้านขวามือทั้งหมดเรืองแสง

#content-right h1{font-size:25px;filter:Glow(color=#66FFFF,strength=2);height:14;COLOR: #000000;}



ใส่สีเงาในส่วนคอมเม้นท์


<style>.section .comment-text {
TEXT-ALIGN: left;filter:Glow(color=#ff3300,strength=9);height:20;COLOR: #ff0000;}

</style>



ใส่สีเงาในส่วนของข้อมูลส่วนตัว


<style>.#about-left {filter:Glow

(color= #000000,strength=5);} </style>

<style>.#about-center {filter:Glow

(color= #000000,strength=5);}  </style>

<style>.#about-right {filter:Glow

(color= #000000,strength=5);} </style>


ส่วน P nav_Header ด้านบนสุด (ฝั่งซ้าย)




<style>#primenu li a { float:left; color:สีตัวอักษร; text-decoration:none; padding:20px 5px 10px; display:inline; font-size:13px; font-weight: none;filter:glow(color=สีเงา,strength=6,face=chiller);}</style>


ส่วน P nav_Header ด้านบนสุด (ฝั่งขวา)


<style>#userstuff {color: สีตัวอักษร;filter:glow(color=สีเงา,strength=6);}</style>


** เงาจะคลุมทุกส่วน แต่สีตัวอักษรจะเปลี่ยนเฉพาะส่วน


ชื่อเพื่อนตรง top friends


<style>.friend-name {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>


ชื่อตรง Album


<style>.albumWrapper {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>


ชื่อเพื่อน วันที่ เวลา ตรงส่วนคอมเม้นท์

<style>.comment {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>


ชื่อสมุดบันทึก

<style>.journalHeader {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>
<style>.journalBody {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>




{----------------------lifestyle interests ตรงกลาง-----------------------}

#lifestyle {TEXT-ALIGN:center;color:#00CCFF;}
#interests {TEXT-ALIGN:center;color:#00CCFF;}






ลูกเล่นแปลกๆ  ท๊อปเฟรนอยู่บนเฮด เฮดต้องขนาด 956*717 นะ
เขียนโค้ดนี้โดย  http://xxnoomzaaxx.hi5.com


<style type="text/css">

#profile-name {background-image:url(URL ของเฮดต้องขนาด956*717ถึงจะพอดีกับที่เราปรับไว้);
background-repeat:no-repeat;
color:#000000;
height:717px;
width: 956px;}

#friends{;position:relative;top:-90em;right:20em;}
#comments,#photoAlbums{;position:relative;top:-40em;right:0em;}
#recent-updates {display:none;}
#p_nav_header{display:none}
#friends div {visibility:hidden}
.friend,.friend-name,.friend img,.friend-picture {visibility:visible !important}
.friend-picture a img {width:100px; height:100px !important; }
.friend-picture {height:100px !important;width:100px!important}
.friend-picture a:hover img { filter: none;}
.friend-name {display:none}

</style>




ปล.อย่าลืมใส่โค้ดปิดกับโค้ดเปิดนะครับ  สอนไว้แล้วว่ามันคืออะไรที่ตำรา hi5

ปรับปรุงแก้ไขโดย http://xxnoomzaaxx.hi5.com



โค้ดที่ทำให้ hi5 ใสปิ้ง  ไม่มีบล๊อกหรือเส้นขั้นต่างๆมองทะลุถึงพื้นหลังสวยๆ

{----ทำให้กรอบใส----}
#user-details { border: none; }
.section .content { border: none; }
#Profile-name { background: none; }
#profile-nav { background-color: transparent; }
.section h1 { background-color: transparent; border: none; }
.section h2 { background-color: transparent; border: none; }
.listitem-separator {visibility: hidden;}
#picture-links { display:none; }
.subsection-separator { display:none; }



<style type='text/css'>
#groups {display:none;}  ลบกลุ่ม
#schools {display:none;}  ลบโรงเรียน
#videos {display:none;}  ลบวิดีโอ
#widgets {display:none;}  ลบวิดเจ็ต
#recent-updates {display:none;}  ลบอัพเดท
#friends {display:none;}  ลบเพื่อน
#photoAlbums {display:none;}  ลบอัลบั้มรูป
#interests{display:none;}ลบ interests
#lifestyle{display:none;}ลบ lifestyle
</style>




ลบข้อมูลฝั่งซ้าย ฝั่งขวามาอยู่ตรงกลางทั้งหมด แก้ไขใช้ได้แล้ว

#content-left {display: none;}
table { empty-cells: hidden; }
.bg_content table tbody tr td { width: 100%; }
#content-right { padding-left:250px; padding-right:250px; }


ลบข้อมูลฝั่งขวา ฝั่งซ้ายมาอยู่ตรงกลางทั้งหมด แก้ไขใช้ได้แล้ว

#content-right {display: none;}
table { empty-cells: hidden; }
.bg_content table tbody tr td { width: 100%; }
#content-left { padding-left:250px; padding-right:250px; }



รวม

#Apps {display:none}  ลบหัวข้อโปรแกรมที่มาเสริมแอปพลิเค  ชั่น

#recent-updates {display:none;} ลบอัพเดท

#Interests {display:none;} ลบส่วนของ #Interests

#journalDetail {display: none;} ลบสมุดบันทึก

#photoAlbums {display: none;} ลบอัลบั้มรูป

#friends {display: none;} ลบเพื่อน

#common-friends {display:none;} ลบเพื่อนที่มีเหมือนกัน

#user-fives {display: none;}ลบไฟล์ออกทั้งหมด

#about-left {display:none} ช่องที่มีรูปดิสเพลย์

#about-center {display:none} ช่องกลาง

#about-right {display:none} ช่องแถบสถิต

#journal-entries a.view-all {display:none} ลบลิ้งรายการสมุดบันทึก

#journal-entries h4 a {display:none} ลบลิ้ง View all ,Compose

#journal-entries h4 {display:none} ลบคำว่าJournal หรือ สมุดบันทึก

#hi5urlspan #newURL a {display:none} ลบลิ้ง Send it to...

#hi5urlspan #newURL {display:none} ลบตัวอักษรในบล้อก URL

#journal-entries {display:none} ลบบล้อกของ Journal หรือ สมุดบันทึก

#abuse-links a {display:none} ลบลิ้ง block user และ Report abuse ใต้รูปดีเพลย์

#todays-topic strong {display:none} ลบคำว่า Status:

#xabout-center span {display:none} ลบคำว่า Online Now

#todays-topic {display:none} ลบคำว่า Status: รวมข้อความ Topic

#todays-topic a {display:none} ลบคำว่าแก้ไขสถานะ หรือ Edit your status...

#user-info {display:none} ลบกล่องข้อมูลส่วนตัวตั้งแต่ อายุ-โรงเรียน

#user-info h4 {display:none} ลบหัวข้อ อายุ-โรงเรียน

#about-center nobr {display:none} ลบลิ้ง more about me...

#user-details { border: none; } ลบเส้นขอบ บลอคต่างๆ

#user-details .content {display:none} ลบกล่องข้อมูลส่วนตัวออกให้หมด

#p_nav_header{display:none} ลบ แถบ Log In , Search Bar

#profile-nav { background-color: transparent; } Header ใส

#profile-nav a {display:none;} ลบ Link ใต้ Head

.profile-nav .name span {display:none} ลบ View

.listitem-separator {visibility: hidden;} ลบเส้นคั่นระหว่าง Comment

.section .content { border: none; } ลบเส้นขอบ บลอคต่างๆ

.comment div {visibility: hidden} ลบ ชื่อ กับ วัน เวลา ที่ คอมเมนท์

.section h1 { background-color: transparent; border: none; } Header ใส

.section h2 { background-color: transparent; border: none; } Header ใส

.box_profile_connections {display:none!important} *ลบช่องว่างตรง Search Bar กับ Profile
*ใช้คู่กัน
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;} *ลบช่องว่างตรง Search Bar กับ Profile



ลบแจ้งผู้ใช้กระทำผิด
#abuse-links { display:none; }


ลบดูข้อมูลทั้งหมด
#comments h2 { display: none; }


ลบอัพโหลดรูปภาพ!> เส้นคั่นใต้รูปดิสเพล
#picture-links { display:none; }

.subsection-separator { display:none; }



ลบส่งไปให้เพื่อนของคุณ
.blacktxt { display:none; }



ลบ url ของเรา
#newURL { display:none; }


ลบหัวข้อรายละเอียดส่วนตัว
box_profile_info_small_heading { display:none; }



เพิ่มระยะห่างของช่องตรง xabout-right
.subsection .vanity-title  { font-size:18px }


ลบข้อมูลผู้ติดต่อ
#contact-info {display:none;}


ลบ ดูเพื่อน เพื่อนโปรด แวดวงเพื่อน
#friends h2 { display:none; }


ซ่อนรูปเพื่อน คลิกทีโผล่
.friend {height:15px !important; }

.friend:hover {height:100% !important;overflow-y:auto;}



scrollbar ย้ายไปอยู่ด้านซ้าย
table {direction:ltr!;}  table table table table {direction:rtl!;}
body { direction: rtl!; }



ซ่อนส่วนของ Profile left=ส่วนซ้าย center=ส่วนกลาง right=ส่วนขวา
#xabout-left { visibility: hidden; }
#xabout-center { visibility: hidden; }
#xabout-right { visibility: hidden; }


ตัวอักษรทุกตัวอยู่ตรงกลาง *ยกเว้น ด้านบนตั้งแต่ใต้ชื่อโปรไฟล์ขึ้นไป
td{text-align:center}


ลิงค์ต่างๆ เครตดิต http://xxnoomzaaxx.hi5.com

www.zalim-code.com  ศูนย์รวมโค้ดและของแต่งไดทุกอย่างสกิน hi5 มากที่สุด


แก้ไขข้อมูลพื้นฐาน
http://hi5.com/friend/profile/displayEditBasic.do

สมุดบันทึก
http://hi5.com/friend/profile/displayAddJournal.do

หน้าแรก
http://hi5.com/friend/displayHomePage.do

เพื่อน
http://hi5.com/friend/viewFriends.do

กำหนดรูปแบบโปรไฟล์
http://hi5.com/friend/account/displayEditProfileCustomization.do

เพิ่มเพื่อน
http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=เลขId 9 หลัก

ดูในมุมมองของคนอื่น
www.hi5.com/friend/profile/displayProfile.do?userid=เลขID&viewAsAnother=true


สกิน
www.hi5.com/friend/account/displayChooseSkin.do


ไลฟ์สไตล์
http://hi5.com/friend/account/displayEditProfileLifestyle.do

Interests
http://www.hi5.com/friend/account/displayEditProfileInterests.do

User Detail(ประวัติและอื่น ๆ ที่แสดงบนโปรไฟล์ )
http://www.hi5.com/friend/account/displayEditProfileAppearance.do

Group(กลุ่ม)
http://www.hi5.com/friend/group/displayMyGroups.do?userId=เลขId 9 หลัก

Give Five(ให้ไฟล์)
http://hi5.com/friend/fives/displayAddUserFive.do?userid=เลขId 9 หลัก

Five(ดูไฟล์)
http://www.hi5.com/friend/fives/displayManageUserFives.do

Comment(คอมเม้น)
http://www.hi5.com/friend/book/displayBook.do?userid=เลขId 9 หลัก

Album(อัลบั้มรูป)
http://www.hi5.com/friend/photos/displayUserAlbums.do?ownerId=เลขId 9 หลัก


วิดีโอเกม
http://www.hi5.com/friend/account/displayEditProfileInterests.do

ออกจากระบบ
http://hi5.com/friend/logoff.do

[███†XxN•ÖMzaaxX†███]

+++++++++++++++++++++++++++ที่เหลือขาดไม่ได้เลย++++++++++++++++++++++++++++++++++

โค้ดเฮดคลุมทั้งโปรไฟล์ (ต้องทำรูปก่อน)

<style type="text/css">
#p_nav_header { background: url( urlของรูป )!important;
background-repeat:no-repeat!important; border:none;
width: 956px!important;margin-top:7px!important;height:82px}
#new_header,#top_header , #primenu li.on,#p_nav_primary ,#nav_select{ background:none !important; border:none; }
table#search_table tr td { vertical-align: left !important;}
#search_table {direction:ltr !important}
.box_profile_connections {display:none!important}
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;}
#profile-name {background-image:url( urlของรูป );
width:956px; height:383px;background-repeat:no-repeat; }
#profile-nav {background:url( urlของรูป ) no-repeat;height:35px;}
.sub_nav_link {color:#000000 !important}
#user-details .content {background: url( urlของรูป );}
#user-details{border:none !important;}
#user-details .footer {display:none}
</style>


โค้ดตัวหนังสือทั้งหน้าhi5และให้ตัวหนังสือห่างกัน
<style type="text/css">
body,p {color: #โค้ดสีตัวหนังสือ;font-size: ขนาดpx;font-family:'ชนิดของตัวหนังสือ';
letter-spacing: ระยะห่างpx;}
</style>

โค้ดลบช่องว่างระหว่างเสิร์ทบาร์กับเฮด
<style>
.box_profile_connections {display:none!important}
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;}
</style>



โค้ดชี้ลิ้งค์แล้วตัวหนังสือใหญ่ขึ้น
<style type="text/css">
A:hover { font-variant: small-caps; font-size: ขนาดตัวหนังสือpx; font-weight: bold; color: #โค้ดสี; }
</style>


โค้ดเปลี่ยนสีลิ้งค์ทั้งหมด(ชี้ลิ้งค์แบบใหม่!)
<style type="text/css">
body { margin: 0px 0px; padding: 0px 0px}
a:link { color: #ใส่สีลิงค์ที่ชอบ; text-decoration: none}
a:visited { color: #สีลิงค์ที่คลิกแล้ว; text-decoration: none}
a:active { color: #สีตอนกำลังจะคลิก; text-decoration: underline}
a:hover { color: #สีตอนคลิกลิงค์; text-decoration: underline}
</style>



โค้ดเปลี่ยนตัวอักษรคอมเม้นที่กล่องคอมเม้น
<style type="text/css">
textarea{width:ความกว้าง;height:ความสูง;background:url("urlรูป");
color="โค้ดสี"; STRONG; font-family :แบบอักษร; font-size:ขนาดpt;
</style>


โค้ดเปลี่ยนตัวอักษรตรงคอมเม้น
<style type="text/css">
#comment_detail_border div{font-family:"แบบอักษร";font-size:ขนาดpt;}
</style>


โค้ดชี้ลิ้งค์แล้วมีHIGHTLIGHT
<style type="text/css">
a:hover { color:สีตัวอักษร;
text-decoration:none; background:สีBG;}
</style>


โค้ดเมาส์เป็นเครื่องหมายบวก
<style type=text/css>
body {cursor:crosshair;}
</style>


โค้ดเปลี่ยนสีอักษรทั้งหน้าhi5
<style>
td,th,div,li,ul,p {color: โค้ดสี;font-size: ขนาดpx;font-family: 'แบบตัวอักษร';}
body,p {color: โค้ดสี;font-size: ขนาดpx;font-family: 'แบบตัวอักษร';letter-spacing:1px;}
ment,p {color: โค้ดสี;font-size: ขนาดpx;font-family: 'แบบตัวอักษร';letter-spacing:1px;
</style>


โค้ดใส่เอ็ฟเฟคที่เฮด
<style type="text/css">
#profile-name { background-color: transparent; border: none ;
background-color: โค้ดสี ;   (*ควรเป็นสีพื้นๆจะได้เห็นเอ็ฟเฟคชัดๆ)
color: #00FF00 ; height: ความสูงpx; width: ความกว้างpx;}
</style>
<style type="text/css">
#profile-name {background-image:url( urlของรูป ); color: #โค้ดสี ;
height: ความสูงpx ; width: ความกว้างpx ;}
 </style>


โค้ดใส่BGตรงคอมเม้นมี2แบบ
1. ใส่BGเฉพาะข้อความคอมเม้น
<style type="text/css">
.subsection .comment-text{border:none;background:url(urlของรูป);}
</style>
2. ใส่BGครอบคลุมทั้งหมดของคอมเม้น(รวมชื่อ-วัน-เวลา+รูปคนคอมเม้น)
<style type="text/css">
.section .comment-text{border:none;background:url(urlของรูป);}
</style>


โค้ดเม้าท์เปลี่ยนได้2รูปแบบ
<style type="text/css">
body {cursor: url( urlของเม้าท์เวลาไม่ได้ชี้ลิ้งค์ );}
a {cursor: url( urlของเม้าท์ตอนที่ชี้ลิ้งค์ );}
</style>


โค้ดเมื่อชี้ที่รูปคอมเม้นแล้วจะเปลี่ยนเป็นแบบต่างๆ (เอ็ฟเฟคชี้ลิ้งค์นั่นเองแต่นี่จะเปลี่ยนเฉพาะชี้ที่รูปคอมเม้นเท่านั้น)


ตัวอย่าง : นี่เป็นโค้ดเอ็ฟเฟคภาพจางพอเอาเม้าท์ไปชี้จะเป็นปกติ
            (*สามารถนำไปดัดแปลงใช้กับทุกเอ็ฟเฟคได้แค่เติมคำว่า .comment-picture ลงไปเท่านั้นเอง )

<style type="text/css">
.comment-picture IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=10, StartY=10, FinishX=0, FinishY=0) }
IMG HOVER { filter: Blur(Add = 0, Direction = 225, Strength = 1) }
A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) }
</style>


โค้ดต่อไปนี้เอาไปใส่เวลาเม้นหาเพื่อน หรือใส่ในช่อง"เกี่ยวกับฉัน"และ"ความสนใจเฉพาะ"นะคะ!!

โค้ดข้อความวิ่งและเขียนเอง
<font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี">
<marquee>ใส่ข้อความ</marquee></font>


โค้ดข้อความเขียนเอง
<font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี">ใส่ข้อความ</font>


โค้ดข้อความวิ่งมีพื้นหลัง
<p><font color="#โค้ดสีตัวหนังสือ">
<marquee bgcolor="#โค้ดสีพื้นหลัง">ใส่ข้อความ</marquee></font></p>


โค้ดอักษรเลื่อน(จากขวามาซ้าย)และเป็นลิ้งค์ด้วย
<MARQUEE direction=left>ข้อความด้านหน้าลิ้งค์<A href="Urlของลิ้งค์ ">ข้อความที่เป็นลิ้งค์z</A></MARQUEE>



โค้ดใส่รูปข้างล่างเฮด

<style type="text/css">

#user-details .content {background: url( URL ของรูป );}
#user-details{border:none !important;}
#user-details .footer {display:none}

</style>




โค้ดรูปเพื่อนติดกัน

<style type='text/css'>.friend-name {display:none}
.friend-picture,.friend-picture a img { height:100px;width:100px;border:none;margin-left: 0px;position:relative;left:+px;}

.friend {width:100px}
.friend-picture div {margin-left: 0px !important;center no-repeat !important;}
#friends .listitem-separator {display:none}</style>

โค้ดลบ เพื่อน

<style type='text/css'>#common-friends {display:none;}</style>

โค้ดให้ Top friend ติดกัน

<style type="text/css"> .friend-picture{height:100px !important;width:100px!important;
margin-left:0px;border: none 0px; }
.friend-picture img {height:100px !important;width:100px!important;margin-left: 7px} </style>

โค้ด ทำรูป Profile..ให้ใหญ่ขึ้น

<style type="text/css">
#user-picture {visibility: hidden}
#user-picture img {width: ความยาว px; height: ความสูง px}
#picture-links {visibility: transparent}
#about-left { background:url( ใส่URLของรูป ) transparent 60% 10% no-repeat; }
</style>


โค้ดใช้รูปภาพแทน Head ต่างๆ

<style type="text/css">
.section h1 {margin-top:10px;height:ความสูงของรูปpx;}

#recent-updates h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Update );
background-position:right;background-repeat:no-repeat;}

#lifestyle h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Life Style);
background-position:right;background-repeat:no-repeat;}

#interests h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Interests);
background-position:right;background-repeat:no-repeat;}

#journalDetail h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Journal);
background-position:right;background-repeat:no-repeat;}

#friends h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Friend);
background-position:right;background-repeat:no-repeat;}

#photoAlbums h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Photo Albums);
background-position:right;background-repeat:no-repeat;}

#user-fives h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Five);
background-position:right;background-repeat:no-repeat;}

#comments h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Comment);
background-position:right;background-repeat:no-repeat;}

#groups h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Groups);
background-position:right;background-repeat:no-repeat;}
</style>






Scroll Bar


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


เว็ปทำ ScrollBar

http://iconico.com/CSSScrollbar/

รูปจางแบบเหลี่ยมๆเม้าส์เป็นชี้ปกติ

<style type="text/css">
a:link img  { filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=10, StartY=10, FinishX=0, FinishY=0) }
a:visited img  { filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=10, StartY=10, FinishX=0, FinishY=0) }
a:hover img {filter:none;}
</style>


เปลี่ยนสีลิ้งค์ทั้ง

<style type="text/css">
a:link {text-decoration: none; color:#โค้ดสี}
a:visited {text-decoration: none; color:#โค้ดสี}
a:hover { text-decoration: none; color:#โค้ดสี}
</style>

a:link =สีของลิ้งค์ทั้งหมด
a:visited =สีลิ้งค์ที่ไปมาแล้ว
a:hover =สีของลิ้งค์ตอนเม้าส์ชี้


 ย้ายข้อความคอมเม้นท์มาตรงกลาง

<style type="text/css">
.section .comment-text {
TEXT-ALIGN: center; }
</style>


ขยายรูปตรงคอมเม้นท์ <style type="text/css">
.comment-picture a img {width:100px; height:100px !important;}
.comment-picture {height:100px !important;}
</style>


ใส่รูปแทนเส้นตรงเส้นคั่นคอมเม้นท์

<style type="text/css">
#comments .listitem-separator
{background:url(urlของรูป) top center no-repeat !important;
height: ความสูงของรูป px !important;}
</style>


 ใส่รูปกะสีตรงกล่องเขียนคอมเม้นท์

แบบที่ 1 (พื้นหลังเป็นสี)

<style type="text/css">
textarea {background-color: #โค้ดสีของbackground;
border-style: inset;
color: #โค้ดสีของตัวหนังสือที่พิมพ์;
height: 100px;
width: 350px; }
</style>

แบบที่2 (พื้นหลังเป็นรูป)
<style type="text/css">
textarea {background-image:url(url รูป);
border-style: inset;
color:#โค้ดสีของตัวหนังสือที่พิมพ์;
height: 100px ;
width: 350px ; }
</style>


 ใส่กรอบให้คอมเม้นท์

แบบที่1พื้นหลังเป็นสี

<style type="text/css">
.subsection .comment {background-color:#โค้ดสีของพื้นหลัง ;
border:ชนิดของกรอป    ขนาดของกรอปpx #โค้ดสีของกรอปคอมเม้นต์ ;
height: 470px; overflow: auto;}
</style>


แบบที่2 พื้นหลังเป็นภาพ<style type="text/css">
.subsection .comment {background-image:url(url รูป);
border:ชนิดของกรอป    ขนาดของกรอปpx #โค้ดสีของกรอปคอมเม้นต์ ;
height: 470px; overflow: auto;}
</style>


[TIP] ชนิดของกรอป
ridge=แบบนูนๆ (เรียกไม่ถูกเหมือนกันแต่สวย)
solid=แบบเส้นเดี่ยว
double=แบบเส้นคู่
dashed=แบบเส้นประ
dotted=แบบเส้นจุด


 เปลี่ยนสีตรงปุ่มเพิ่มคอมเม้นท์

<style type="text/css">
input{
color:#โค้ดสีของคำว่าเพิ่มคอมเม้นต์;
border:1px solid #โค้ดสีของกรอป;
background-color:#โค้ดสีของพื้นหลัง;
padding: 0px 3px 0px 3px;
}
</style>


ลบเส้นคั่นคอมเม้นท์

<style type="text/css">
.listitem-separator {visibility: hidden;}
</style>


ทำข้อความคอมเม้นต์ให้ห่างกัน <style type="text/css">
.comment-text { letter-spacing: 3px }
</style>



รูปภาพเป็นขาวดำ เมาส์ชี้ปกติ

<style type="text/css">
a:link img {filter:gray);}
a:visited img{filter:gray();}
a:hover img {filter:none;}
</style>


ชี้ภาพแล้วเป็นขาวดำ (สลับกับข้างบน
)
<style type="text/css">
a:link img {filter:none;}
a:visited img {filter:none;}
a:hover img {filter:gray;}
</style>


ชี้ภาพแล้วกลับด้าน

<style type="text/css">
a:hover img {filter:fliph;}
</style>


ใส่ตัวขอ 5
<style type="text/css">
#user-fives .subsection div {width:50px !important}
#user-fives .subsection .listitem-separator {display:block !important}
#user-fives .subsection {background:url(urlของรูป);
background-position:260px;
background-repeat:no-repeat}
</style>


ใส่กรอบรูปตรงเฟรนด์

<style type="text/css">
.friend-picture {border-style: ชนิดของกรอป; border:2px;border-color: #โค้ดสีของกรอป;}
</style>


 ใส่กรอปรูปตรงคอมเม้นท์

<style type="text/css">
.comment-picture {border-style: ชนิดของกรอป; border:2px;border-color: #โค้ดสีของกรอป;}
</style>


เปลี่ยนรูปแถบสถิติ

<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(url ของพื้นหลัง) !important;}
.vanity-bar div div {background:url(url ของตัวstatus) !important;}
</style>

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


เอาSearch Bar ออก

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


ย้ายรูปคอมเม้นท์ให้อยู่ตรงกลาง


<style type='text/css'>
.comment-picture {margin-top: 6em; left: 16em;position: relative;}
</style>


ซ่อนข้อความในคอมเม้นท์ เอาเม้าส์ชี้โชว์คอมเม้นท์

<style type="text/css">
.subsection .comment {height:105px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>


เปลี่ยนสีเส้นคั่นในคอมเม้นท์

<style type="text/css">
#comments .listitem-separator {background: #โค้ดสีของเส้นคั่น !important;}
</style>


 รูป เบลอๆเม้าส์ชี้จะเป็นปกติ


<style type="text/css">
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>



ชี้รูปแล้วเบลอ

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


เพิ่มลูกเล่นให้คอมเม้นต์ที่เราเม้นต์

<font face="รูปแบบของอักษร" size="ขนาด" color="#โค้ดสีข้อความ"> ข้อความที่เม้นต์ </font>


รูปจางแบบวงกลม เมาส์ชี้ปกติ


<style type="text/css">
a:link img  {filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)}
a:visited img {filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)}
a:hover img {filter:none;}
</style>


เปลี่ยนตัว online now

<style type="text/css">
#online-now-icon
{ background: url(url รูป);
height: สูงpx;width: กว้างpx; _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D&amp;#39;urlรูป;)) ;
height: สูงpx;width: กว้างpx;}
#online-now-icon {background-image: url(url รูป);
width: กว้างpx; height: สูงpx;margin: 5px 0px 0px 0px;}
</style>


ใส่ url ของรูปให้ครบทั้ง 3 ช่อง
ใส่ความกว้างความสูงของรูปให้ตรงกับความกว้างความสูงของรูปจิงๆ
ไม่งั้นภาพออกมาไม่สวยนะงับ



เปลี่ยนไอคอนใต้รูปโปรไฟล์ของเรา

<style type="text/css">
#user-links img {display: none}
#user-links a {list-style:url(url ของไอคอน) inside;display:list-item}
</style>


ใส่ขอบให้หน้าเวปเพจ แบบนูนๆ (เรียกไม่ถูก)^^"

<STYLE>     
html   
{  border-right: #โค้ดสี  10px ridge;
border-top: #โค้ดสี   10px   ridge;   
border-left: #โค้ดสี  10px ridge;
border-bottom: #โค้ดสี  10px ridge; }   
</STYLE>




ทำตรงส่วน header ต่างๆให้ใส

<style type="text/css">
#profile-nav { background-color: transparent; }
.section h1 { background-color: transparent; border: none; }
.section h2 { background-color: transparent; border: none; }
</style>


ลบเส้นขอบของส่วนต่างๆออกให้หมด


<style type="text/css">
#user-details { border: none; }
.section .content { border: none; }
</style>


ย้ายทุกส่วนของไฮ5 ให้มาอยู่ตรงกลาง [แก้ไขแว้วจากภาค 1]
 
<style type="text/css">
#profile-name {text-align: center}
#profile-nav {text-align: center}
.section h1 {text-align: center}
.section h2 {text-align: center}
.section .content {text-align: center}
</style>

 
ใส่เส้นขอบให้ส่วนต่างๆ

<style type="text/css">
#user-details {border:5px รูปแบบของขอบ #ใส่โค๊ตสี}
.section .content {border:5px รูปแบบของขอบ #ใส่โค๊ตสี}
</style>


เปลี่ยนสีอักษรตรง 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>







ใส่ปีกให้รูปโปรไฟล์

<style type="text/css">
#user-picture { background-image: url( urlของปีก );
background-repeat: no-repeat;background-position: top center;}
</style>


ใส่รูปตรงปุ่มเพิ่มคอมเม้นต์


<style type="text/css">
input{
color:#โค้ดสีของคำว่าเพิ่มคอมเม้นต์;
border:1px solid #โค้ดสีของกรอป;
background-image:url(url รูป);
padding: 0px 3px 0px 3px;}
</style>


ใส่กรอปให้รูปโปรไฟล์


<style type="text/css">
#user-picture img{border-style:ชนิดของกรอป; border: 1px; border-color: #โค้ดสีของกรอป;}
</style>


เอาจำนวนครั้งที่เข้าดูออก

<style type="text/css">
.profile-nav .name span {display:none}
</style>


เปลี่ยนตัวอักษรภาษาอังกฤษทั้งหมดให้เป็นตัวพิมพ์ใหญ่


<style>td,th,div,body,li,ul,p,table,head,
{text-transform: uppercase;} </style>




ชี้ลั้งค์อักษรใหญ่ขึ้น


<style type="text/css">
A:hover { font-variant: small-caps; font-size:16px; font-weight:bold; color:#โค้ดสีของตัวหนังสือที่ใหญ่ขึ้น;}
</style>

ชี้ลิ้งค์แล้วไฮไลท์


<style type="text/css">
a:hover{background:#โค้ดสีของส่วนไฮไลท์;}
</style>


ชี้ลิ้งค์มีกรอป

<style type="text/css">
A:hover {border:1px ชนิดของกรอป  #โค้ดสีของกรอป;}
</style>


ชนิดของกรอป

solid=เส้นเดี่ยว
double=เส้นคู่
dotted=แบบจุด
dashed=เส้นประ


ชี้ลิ้งค์เรืองแสง (คูลมักมาก)

<style type="text/css">
a:hover{filter:Glow(color=#โค้ดสีของตัวเรืองแสง,strength=4);height:0px;}
</style>



ชี้ลิ้งค์แล้วขึ้นเงาเป็นตัวหนังสือ

<style type="text/css">
a:hover{filter:DropShadow(color=#โค้ดสีของเงา,strength=4);height:0px;}
</style>


ชี้ลิ้งค์มีเงา

<style type="text/css">
a:hover {filter:Shadow(color=#โค้ดสีของเงา,strength=4);height:0px;}
</style>


ชี้ลิ้งค์แล้วเบลอ

<style type="text/css">
a:hover{filter:blur(add="1",direction="360",strength="4"); height:0;}
</style>


ชี้ลิ้งค์แล้วเป็นสีรุ้ง

<style type="text/css">
a:hover {
color:#FFFFFF !important;
text-decoration: none;
background: url(http://img99.imageshack.us/img99/3043/ranpy5.gif) !important;}
</style>



ชี้ลิ้งค์แล้วเป็นรูป

<style type="text/css">
a:hover {
color:#โค้ดสีตัวหนังสือ !important;
text-decoration: none;
background: url( urlของรูป ) !important;}
</style>

ลบชื่อโปรไฟล์ของเราออก

<style type="text/css">
.profile-nav .name strong {display:none;}
</style>


ลบเพื่อนที่มีเหมือนกันออก

<style type="text/css">
#common-friends {display:none;}
</style>

ขยายรูปเพื่อน


<style type='text/css'>
.friend-picture,.friend-picture a img {height:100px;width:70px;}
</style>


ทำรูปเพื่อนติดกัน

<style type="text/css">
.friend-picture{height:100px !important;width:100px!important;
margin-left:0px;border: none 0px; }
.friend-picture img {height:100px !important;width:100px!important;margin-left: 7px}
</style>





ย้ายscrollbarมาด้านซ้าย
<style type="text/css">
table {direction:ltr!;}
table table table table {direction:rtl!;}
body { direction: rtl!; }
</style>





ซ่อนรูปเพื่อน พอเอาเม้าส์ชี้ที่ชื่อรูปก้อโผล่ แนวคอด


<style type="text/css">
.friend {height:15px !important; }
.friend:hover {height:100% !important;overflow-y:auto;}
</style>


เอาชื่อเพื่อนบนรูปออก <style type="text/css">
#friends .friend-name { display: none; }
</style>

ขอบอกว่าใช้คู่กับโค้ดที่ทำให้รูปท็อปเฟรนด์ติดกันจะสวยมักมากเลยนะโค้ดนี้ ขอบอกๆ!!!

ไหนๆก้อแนะนำแล้ว อะแถมโค้ดท็อปเฟรนด์ติดกันไปลองด้วยกันเลยละกัน

<style type="text/css">
.friend-picture{height:100px !important;width:100px!important;
margin-left:0px;border: none 0px; }
.friend-picture img {height:100px !important;width:100px!important;margin-left: 7px}
</style>

ปล.ถ้าใครใส่กรอปใหรูปท็อปเฟรนด์ด้วย ก้อเอาคำว่า border: none ออกนะ



แต่งตรงเมนูข้างบนรูปโปรไฟล์ให้สวยแจ่ม


<style type="text/css">
#profile-nav a { color:#โค้ดสีตัวหนังสือ;
padding: 1.2em; font-size: 15px;}
</style>

[:: ConVerS ::]

เยอะมากกกกกกกกก


ขอบคุณค่า


+ ให้น๊า



 

[RETRORAIN]

 

แต่ยังไงก็ขอบคุณ

[taonoi]

เยอๆจริง

ขอบคุณค่ะ

[ﾞ★TH3 » AVANT GARDЄ]

เยอะดีนะ

[★ Natzii ★【ぬあど】]

ขอบคุนค่ะ

[Mister P™]

ขอบคุณมากๆๆๆๆๆๆๆๆๆๆๆๆๆ

[PD❤GuYz_Sir]

โห
ความรู้มากมาย
หนุ่มเอ๋ย
ไงก้อ
Thxๆๆๆ
 

[KC โก้งโค้ง 24™ ♥║█║โค๊งแบบ แสบจี๊ด ดด ² ║█║]

ขอโค้ดลบที่แบบชี้แร้วมันมีเส้นใต้อะค่ะ


มีป่าวขอหน่อยๆๆ

[l3arl3cue]

เย่อะแย๊ะ มากก มาย * ^^

[PoRyU]

ขอบใจจ้า..

 

[Indy_PaE]

ขอบคุณณ  อย่างสูง

^^

 

[N-N]

เยอะจัง ขอบคุณมากค่ะ

[. Cнσ¢қ3я]

 

[PD แก้มมมใส]

เยอะมาก

thx ค่ะ

[baby~doggy]

ขอบคุณมากๆเลยนะคะ ที่นำมาแจกกันเรื่อยๆ
คืออยากรู้ว่า โค้ดเพื่อนติดกันอ่ะค่ะ ถ้าเราจะเอาขนาดแบบปกติ ไม่ได้ขยายรูปเพื่อน
แค่อยากให้มันติดกันเฉยๆอ่าค่ะ
เอ่อ...งงป่าวคะ
แหะๆๆ  พูดไม่ถูก

ขอบคุณค่ะ 

[CreaeaM' •POLAGIIZ•]

 

[███†XxN•ÖMzaaxX†███]

 

[♥ MintJo]

ยอดไปเลยจ่ะ

[P R I N C E P A P E R™]

อ่า ๆ Thank ค้าฟ

[jinmylove]

แต้งค์ๆๆครับผม

 

[✿namfÖn✿]

รูปที่คุณเอามาใช้ แล้วยังเขียนเป็นชื่อตัวเองอีกด้วยน่ะ
จริงๆแล้วมันเป็น ID and clss ของ แอนดรู ที่เค้าทำมา ไม่ใช่หรอคะ

http://www.hi5.com/friend/group/3284452--%25E2%2598%2585%2Bhi5%2BCodes%2B%25E2%2598%2585--front-html


แต่คุณเอามาเปลี่ยนเป็นชื่อตัวเองซะ โห เลย

[. Cнσ¢қ3я]

รูปที่คุณเอามาใช้ แล้วยังเขียนเป็นชื่อตัวเองอีกด้วยน่ะ
จริงๆแล้วมันเป็น ID and clss ของ แอนดรู ที่เค้าทำมา ไม่ใช่หรอคะ

http://www.hi5.com/friend/group/3284452--%25E2%2598%2585%2Bhi5%2BCodes%2B%25E2%2598%2585--front-html


แต่คุณเอามาเปลี่ยนเป็นชื่อตัวเองซะ โห เลย

ว่าแล้วเหมือนเห็นในกรุ๊ปพี่ดี้ ตอนนั้นเลย ><"
ละก้อเหมือนมีคนมาแจกแล้วคนนึง






ละโปรแกรมยิงง่า เค้ายิงกันไงหรอ
^^ พอดีเคยแต่ใช้เซิฟยิงงะ โปรแกรมแบบนี้เลยไม่รู้ - -
แล้วมันผิดกฏคอมพิวเตอร์ไม๊อะ ? ที่นำมาแจกแบบนี้งะ - -''

[,เลขตัวแรก +]

ขอบคุณค่ะเย๊อะจิงๆ !
> <