Code

dotted

dashed

solid

double

groove

ridge

inset

outset

<style type="text/css">

html {
border-style:

Code ลิ้งรูปสลับด้าน

จะแสดงเมื่อใช้ mouse ชี้ไปยังลิ้งรูปภาพ
ซึ่งสามารถสลับได้ 2 แบบ คือ
Filter: FlipH คือ สลับในแนวนอน
Filter: FlipV คือ สลับในแนวตั้ง

<style type="text/css">


a:hover img {Filter:FlipH}

</style>

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

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


<style type="text/css">

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

</style>

โค๊ตใส่ภาพ ใต้ คอมเม้น

#comments .footer { display:block;height:--px;background:url(----) #000000 center center no-repeat;width:460px;}



เปลี่ยนรุปเส้นคั่น (คอมเม้น)

.listitem-separator {DISPLAY: block;background:url(----) !important;HEIGHT: 35px! important;background-repeat: no-repeat! important;background-position: center! important;}

*ลบเส้นคั่น friends / #friends   .listitem-separator
*ลบเส้นคั่นใน five / #user-fives .listitem-separator



ลบฃื่อเพื่อนในTOP FRIEND

#friends .friend-name { display: none; }


โค๊ตใส่รูปแทนส่วนของfive

#user-fives {height: ----px;
width:450px;
border-style: ----; border: ---px;border-color: --;BACKGROUND-IMAGE: url(-----);}

#user-fives IMG {display:none;}



โค๊ตใส่รูปแทนในส่วนของ อั้ลบี่มรูป

#photoAlbums {background-image: url(-----);
display: block;
height: ----px;
width:450px;
border-style: ---; border: ---px;border-color: ---;}

.album IMG {display:none;}
.albumWrapper {display:none;}


โค๊ตลบ หัวข้อต่างๆ ใน เพจ
 
.section h4,{display: none;}
.section h1,{display: none;}


ลบข้อมูลลิ้ง footer

#footer,#footer *,#footer a,#ad_banner,
.channel_details {display:none;}


เปลี่ยนสี ลิ้ง p_nav_primary

#p_nav_primary li#nav a {font-family:Papyrus;color:#FF0000;}


เปลี่ยนเพจทั้งเพจให้เปนสีขาวดำ  รึ กราฟฟิก ( ทั้งเพจ)

html {filter:gray}




การทำให้ คอมเม้น อยุ่ตรงกลางล่าง เปงแนวยาว

#comments
{position:relative;top: 9em;right: 20.5em; MARGIN-LEFT: -250px;MARGIN-right: -250px;width:940px;MARGIN-BOTTOM: 9em;}

* relative;top: 9em;  ปรับระยะความห่างจากด้านบน นับจากfive
* MARGIN-BOTTOM: 9em; ปรับระยะความก่างจากด้านล่าง


ทำให้ปุ่มกดลงมาอยู่ใต้ กล่องคอมเม้น

textarea {display:block}




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

#photoAlbums {display: none;}

#friends {display: none;}

#user-fives {display: none;}

#content-left {position:relative;top: 0em;left: 21em; MARGIN-right: -250px;MARGIN-left: -250px;width:956px;MARGIN-BOTTOM: 173em;
text-align: center;}

*ในกรณีที่เอาคอมเม้นไว้ล่าง



ปรับระยะห่างของรุปคอมเม้น จากกรอบ

.comment-picture {
position: relative;
bottom: -1em;left:1em;}


การทำให้ข้อมูล และ ตัวอักษรทั้งหมดอยู่ตรงกลาง (ลัด )

html{text-align: center;}

* หรือจะแยเปนส่วนๆไปกะได้


ใส่ภาพแร่ะกรอบให้ตัวอักษรในคอมเม้น

.section .comment-text {
border-style: ----; border: --px;border-color: -----;
letter-spacing: 3px;
color: สีฟร้อน;
width: 300px !important;
background-image: url(----------);}




ลบช่องข้อมูลที่ไม่ต้องการ

#schools {display:none;}
#groups {display:none;}
#videos {display:none;}
#widgets {display:none;}
#background {display:none;}
#recent-updates {display:none;}
#Interests {display:none;}
 #journalDetail {display: none;}



ใส่ ฟุตเตอรให้ profile

#user-details .footer {background: url(----)
no-repeat center center;
border-none;
display: block; height: ---px; }

ทำให้กล่องคอมเมนต์ใหญ่เต็มจอ

ก่อนอื่นคุณต้องย้ายพวกข้อมูล สไลด์ เพลงไปไว้ในไลฟ์สไตล์ก่อนนะค่ะ จากนั้นก็จะซ่อนส่วนต่างๆโดยโค้ดนี้ค่ะ
#journalDetail ,#schools ,#groups,#videos, #widgets ,#background,
#interests, #recent-updates {display:none;}แล้วใช้โค้ดต่อไปนี้ขยายกล่องคอมเมนต์
#comments{text-align: center;position:relative;top: 5em;right: 22em; margin-left: 250px;margin-right: 250px;width:900px;margin-bottom: 5em;}
ถ้าไฮ5ใครคอนเทนต์อยู่สลับข้างกัน (ฝั่งเฟรนด์กะไลฟ์สไตล์) ก็เปลี่ยนเป็น margin-left: -250px;margin-right: -250px;
top: 5em; คือ ระยะห่างข้างบนโดยจะเริ่มนับจากไฟว์ ส่วนค่าต่างๆนั้น ถ้าไม่พอดีก็ปรับตัวเลขเอานะค่ะ

สลับคอนเทนต์ซ้ายขวา (ฝั่งเฟรนด์กับไลฟสไตล์)

table {direction:rtl;}

#content-right {direction:ltr;}
.commentEditor textarea {direction: ltr;}

user-links (ลิงค์ใต้รูปดิสเพล์พวกแอดเฟรนด์ ให้มีรูป)

#user-links a {display:list-style-image;background:url(ใส่ url รูปภาพ);

border: solid 1px #000000; ลักษณะ ขนาด สีเส้น ปรับเอานะ

background-color: สีพื้นหลัง;

padding-left:เลื่อนตำแหน่งข้อความpx;

width:ความกว้างนุ่นใช้146px;height:ความสูงนุ่นใช้23px;}

ทำให้ข้อความคอมเมนต์มีสีพื้น

.section .comment-text {

filter:glow(color:สีพื้นหลังข้อความ, strength=ขนาดของพื้นใส่เป็นตัวเลขได้เลย);height:auto; }

เปลี่ยนไอคอนออนไลน์

span {display:none}

#online-now-icon
{background: url(ใส่urlรูปภาพ);height: 20px;width: 80px; _background: none; _filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D&#39; ใส่urlรูปภาพอันเดียวกัน&#39;);
height:20px;width: 80px;}

#online-now-icon {background-image: url(ใส่urlรูปภาพอันเดียวกัน); width: 80px; height: 20px;margin: 5px 0px 0px 0px;}

ถ้าภาพใครมีขนาดใหญ่กว่าก็เปลี่ยนค่าของความกว้างความสูงให้เท่ากับภาพที่มีค่ะ

letter-spacing : ระยะห่างระหว่างตัวอักษร px; ถ้าอยากจะให้ส่วนไหนห่างกันก็ใช้โค้ดนี้ใส่เพิ่มเข้าไปส่วนนั้นค่ะ

ทำภาพดิสเพล์คนละภาพกะที่โชว์ในไฮ5

#user-picture {visibility: hidden}

#picture-links {visibility: hidden}

#about-left { background:url(ใส่urlของรูปที่เราจะโชว์แทนดิส) transparent 50% 30% no-repeat;height:ความสูงpx;} ตัวเลข 50 กะ 30 คือค่าของแกน x y คุณปรับค่าเอาตามชอบค่ะ

ทำบีจีให้เพลงจาก imeem ค่ะ

http://www.mediafire.com/?ar3njmjhk3f
วิธีอยู่ที่ลิงค์บนนี่นะค่ะ อัพไว้แล้ว

ทำ friends, fives, Albums อยู่ตรงกลาง

#friends {text-align: center;position:relative;top: 0em;right: -0em; margin-left: 250px;margin-right: 250px;width: px;margin-bottom: 0em;width:กว้างpx;}