2008/Oct/22

ชนิดของกรอบ(ประเภท) 

โค๊ดกรอบ HI5



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


 

Comment

Comment:

Tweet


Prom Dresses: Find Online fashionable prom dresses, 2011 Prom Dresses, prom gown, cheap prom dresses
bridesmaid dresses, bridesmaid gowns, cheap bridesmaid
#6 by cosplay (114.222.168.21) At 2010-09-21 13:10,
Prom Dresses: Find Online fashionable prom dresses, 2011 Prom Dresses, prom gown, cheap prom dresses
bridesmaid dresses, bridesmaid gowns, cheap bridesmaid
#5 by cosplay (114.222.168.21) At 2010-09-21 13:09,
อยากได้โค้ดเพิ่มวิวค่ะ
ขอบคุนค่ะ
#4 by อัม (118.172.159.62) At 2009-09-01 22:47,
ขอบ คุง นะ คะopen-mounthed smile
#3 by (125.25.139.92) At 2009-07-04 00:17,
ขอบคุณมาก ๆ ค่ะ ^^
#2 by `iS ,, n ueng ★ At 2009-04-26 12:27,
Thx so much ja
#1 by abzfang (118.173.144.2) At 2008-12-30 23:39,