พิมพ์หน้านี้

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

Game-Mun.com

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