โค้ดกรอบ แต่งhi5

โค้ดกรอบ

• Border-Style(ชนิดของกรอบ) = Dashed, dotted, Solid, Groove, Inset, Outset  ,Ridge, double
  เลือกอย่างใดอย่างหนึ่ง

ใส่กรอบรอบเพจไฮฟาย (ส่วนที่ใหญ่ที่สุด)

<style type="text/css">html {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}</style>





ใส่กรอบตรงโปรไฟล์มี 3 ส่วน
about-left คือส่วนที่มีรูปดีสเพล์เรา
about-center คือส่วนตรงข้อมูลวันเกิด อายุ
about-right คือส่วนของแถบสถิติ


<style type="text/css">#about-left {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}


#about-center {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

#about-right{border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}</style>



กรอบ profile คือควบคุมทั้งหมด ไม่ได้แยกส่วนเหมือนข้างบน

<style type="text/css">#user-details .content {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
</style>


ใส่กรอบตรงขอมูล อายุ เพศ สถานะ


<style type="text/css">.info-box {MARGIN-TOP: 1.25em; LEFT: 6em;POSITION: relative ;TEXT-ALIGN: center ; color:#FFF;

BORDER-RIGHT: #FFFFFF 3px double; PADDING-RIGHT: 6px; BORDER-TOP: #FFFFFF 3px double; DISPLAY: list-item; PADDING-LEFT: 6px; =
PADDING-BOTTOM: 2px; BORDER-LEFT: #FFFFFF 3px double; WIDTH: 235px; = PADDING-TOP: 2px; BORDER-BOTTOM: #

FFFFFF 3px double; FONT-FAMILY: = Rockwell Condensed; LETTER-SPACING: 2px; BACKGROUND-COLOR: #000000
}
</style>







ใส่กรอบรูปดีสเพลย์
<style type="text/css">#user-picture {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}</style>



ใส่กรอบรูปเพื่อน top friends

<style type="text/css">.friend-picture{border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}</style>



ใส่กรอบรูปเพื่อนคอมเม้นท์

<style type="text/css">.comment-picture {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}</style>



ใส่กรอบ fives

<style type="text/css">#user-fives IMG  {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}</style>




ใส่กรอบ ให้กะส่วน interest ,comments, lifestyle, friends(รอบๆช่องของเพื่อนทั้งหมด)

<style type="text/css">#interests {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#comments {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#lifestyle {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#friends {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
</style>




โค๊ดกรอบคอมเม้น แบบเป็นสัดเป็นส่วน ของเพื่อนคอมเม้น (รวมข้อความคอมเม้น)

<style type="text/css"> .subsection .comment {border: ชนิดของกรอบ  ความหนาpx   #สีกรอบ ;}</style>

โค๊ดกรอบฉะเพราะรอบๆข้อความคอมเม้น

<style type="text/css">  .section .comment-text  {border: ชนิดกรอบ  ความหนาpx    #สีกรอบ;} </style>



โค๊ดกรอบส่วนของอัลบั้ม(ย่อยๆ)

<style type="text/css">
.album {border-style:ชนิดของกรอบ ; border:ความหนาของเส้นกรอบ px; border-color: #สีกรอบ ;}
</style>




กรอบใหญ่รอบๆ PhotoAlbums
<style type="text/css">
#photoAlbums {border-style:ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: #สีกรอบ ;}
</style>
 


กรอบส่วนของ layout ของฝั่งซ้าย(พวก about me,interests,group etc.  และ layout ฝั่งขวา (ท๊อปเฟรน,fives,albums,comments)

<style type="text/css">
#col1{border:ความหนาของเส้นกรอบ px   ชนิดกรอบ     #สีกรอบ;}
#col2{border:ความหนาของเส้นกรอบ px    ชนิดกรอบ  #สีกรอบ;}
  </style>