Game-Mun.com

Social Network => Hi5 => ข้อความที่เริ่มโดย: eim123 ที่ กันยายน 15, 2008, 11:50:04 PM



หัวข้อ: รวม code hi5
เริ่มหัวข้อโดย: eim123 ที่ กันยายน 15, 2008, 11:50:04 PM
Hi5 code ​จ้า
--------------------------------------------------------------------------------
โค้ด​ใส่​รูปหัวบน​
<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: ​red​ ; height: ​84​ px; width: ​328 ​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>
-----------------------------------------------------------------------------------------
โค้ด​ ​ทำ​รูป​ top friends ​ให้​ใหญ่​ขึ้น
<style type="text/css">
.friend-picture,.friend-picture a img { height:100px;width:100px;border:none;margin-left: 0px;}
.friend {width:100px}
.friend-picture div {margin-left: 0px !important}
</style>
-----------------------------------------------------------------------------------------
โค้ดลบชื่อ​ top friends
<style type="text/css">
.friend-name {display:none}
</style>
-----------------------------------------------------------------------------------------
โค้ดลบช่องว่าง​ ​ด้านล่าง​ ​รูป​ top friends
<style type="text/css">
#friends .listitem-separator {display:none}
</style>
-----------------------------------------------------------------------------------------
Code ​ตกแต่งปุ่ม​ comment
จะ​มี​ 2 ​แบบ​ ​นะครับ​ ​แบบ​ใส่​รูป​ ​กับ​ใส่​สี
ใส่​ใน​ส่วน​นี้​ ​นะครับ
input {
}
input {
background-image:url(url ​รูป);
}
input {
color: สีอักษร; background-color: สีพี้หลังปุ่ม;
}
</style>
-----------------------------------------------------------------------------------------
ใส่​รูป​ ​คั่นระหว่างคอมเม้น​
#comments .listitem-separator {display: block;background:url(url​รูป)
!important;height: ​ความ​สูง​px! important;background-repeat: no-repeat! important;background-position: center! important;
}
</style>
-----------------------------------------------------------------------------------------
Code ​เปลี่ยนสี​เส้นคั่น​ Comment
#comments .listitem-separator {background:
โค้ดสี !important;}
</style>
-----------------------------------------------------------------------------------------
Code ​ใส่​ Effect ​ให้​กับ​ตัวอักษร​ ​คอมเม้น
.comment-text {font-size: ขนาดอักษรpx; font-family: รูปแบบ;color: สี;filter:Glow(color=สี​เงาตัวอักษร,strength=ความ​หนา;);}
ตัวอย่าง
.comment-text {font-size: 20px; font-family:"Times New Roman", Times, serif;color: #ffffff;filter:Glow(color=#ff0000,strength=4;);}
สามารถ​นำ​ไป​ใส่​ ​ใน​ส่วย​อื่น​ก็​ได้​  ​โดย​ ​หา​ selector ​ของ​ส่วน​ ​นั้น​ ​แล้ว​ ​เอา​ ​โค้ด​ใส่
-----------------------------------------------------------------------------------------
โค้ด​ ​เวลาชี้ที่​ ​รูป​ ​ชี้ที่​ ​ลิ้งค์​ ​จะ​เป็น​ ​รูป​ ​ภาพ​ ​กระพริบ

<style type="text/css">
a:hover img {Filter:alpha(finishopacity=0, style=2)}
a:hover {background-image:url(ใส่​ URL );}
</style>

รูป​ url ​รูป​  ​หา​ได้​จาก​ ​เวป​ ​ทั่ว​ไป​ ​เช่น

http://www.poqbum.com/animated_hover/
-----------------------------------------------------------------------------------------


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: sablan ที่ กันยายน 15, 2008, 11:58:58 PM
ขอบคุณมากค่ะ ก่อนหน้านี้อยากตบแต่ง hi5 เองก็ทำไม่เป็น ทีนี้จะได้ไปลองทำเองซะที^^


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: วันนี้ 6 เมษายน 2022 ที่ กันยายน 16, 2008, 12:02:02 AM
ขอบคุณมากครับ เหมาะสำหรับคนที่แต่ง Hi5 ไม่ค่อยเป็นแบบผมรึเปล่าน้า


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: Thotsaporn22 ที่ กันยายน 16, 2008, 11:45:21 PM
แล้วจะลองนำไปใช้ดู


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: banz ที่ กันยายน 17, 2008, 06:08:26 PM
 0u0 ดีจังเลยค่ะ ของบคุนค่ะ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: mugod01 ที่ กันยายน 18, 2008, 08:16:06 PM
ใจมากจ้า


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: chinduen ที่ กันยายน 18, 2008, 10:33:48 PM
เยี่ยมมากครับ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: aumponza123 ที่ กันยายน 18, 2008, 11:36:48 PM
แจ่มคับ Gj


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: wonnanatila ที่ กันยายน 19, 2008, 01:54:41 PM
ขอบคุณค๊าบ ความรู้ทั้งนั้น


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: jebprawruk04 ที่ กันยายน 20, 2008, 12:07:42 AM
เยอะแยะมากมายค้าบ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: TaVaDa ที่ กันยายน 20, 2008, 05:20:39 PM
ขอบคุณครับ ๆ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: haru_haru ที่ กันยายน 21, 2008, 10:06:04 AM
เยี่ยมมาก แต่ต้องใส่ให้ครบนะ ไม่งั้นมันerrorเลย


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: ballzaman2545 ที่ กันยายน 22, 2008, 01:42:34 PM
ขอบคุณมากครับ ใครมี hi5 มั่งอ่ะครับผมอยากจะลอง อิอิ หาเพื่อนที่มีก่อนนะครับ ผมเองก็ไม่มี แต่ยังไงขอบคุณมากครับ Tips นี้ขายดีแน่นอนครับ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: SMILE ที่ กันยายน 22, 2008, 04:36:09 PM
เย้ ๆๆๆ

ได้ code ที่ตามหา

ขอบคุณมากเลยนะคะ

> <


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: tomza1141 ที่ กันยายน 27, 2008, 09:37:17 PM
 *0*


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: chittamart ที่ ตุลาคม 05, 2008, 01:33:11 PM
 click


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: nfsmwXGN ที่ ตุลาคม 05, 2008, 08:37:39 PM
ขอบคุณคร้า


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: wineyloon ที่ ตุลาคม 06, 2008, 10:27:27 AM
thk!!

เพิ่งรุว่าเค้ามีกันด้วย แหะๆ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: SMOOP ที่ ตุลาคม 10, 2008, 02:05:29 AM
thank you Yo!


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: porcupine ที่ ตุลาคม 17, 2008, 04:16:51 PM
ขอบคุณมั่กมากคะ


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: MichaelSet ที่ มกราคม 10, 2009, 01:43:49 AM
ขอบคุณจ้า


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: robinpf60 ที่ กุมภาพันธ์ 23, 2009, 07:26:40 PM
* ขอบคุณค่ะ ,, โค้ดเยอะมากกกก !


หัวข้อ: Re: รวม code hi5
เริ่มหัวข้อโดย: miriamcb60 ที่ กุมภาพันธ์ 25, 2009, 01:35:13 AM
โหถูกใจมากๆเลยครับมีครบเลยยอดมาก ::6::