PHP infoBoard v.5 PERFECT
 

โค้ดกรอบ กรอบ กรอบรูป



โค้ดกรอบ

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

 

โค้ดกรอบ แต่ง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>

กรอบ กรอบรูป



























































































 




 


 
  No Image ผู้โพส : รักจัง
สถานะ : สมาชิก

Reply : [ รักจัง ] แทรกข้อความ ในกรอบแรก
8/08/2008 - 16:25
Add?  Name Card  Bad Report  Delete
 

หัวข้อ : 0033-1 | เลขหน้า : 1 ถึง 1


  เพิ่มข้อความในหัวข้อรวม : โค้ดกรอบ กรอบ กรอบรูป หัวข้อรวม 

โค้ดhi5 ที่น่าสนใจอื่นๆ

โค้ดhi5 hi5 แต่งhi5 โค้ดเมาส์ โค้ดเมาส์hi5 โค้ดเมาส์ hi5 โค๊ดเมาส์ โค้ดเม้าส์ โค๊ดเม้าส์ โค๊ดเมาส์hi5 เมาส์hi5 โค้ดสกิน โค๊ดสกิน สกิน skin hi5 โค้ดสกินhi5 สกินhi5 skin hi5 แจกสกิน แจกสกินhi5 แจก skin hi5 bg background โค้ดเพลง โค้ดเพลง hi5 โค้ดเพลงhi5 โค้ดเพลงลงhi5 โค๊ดเพลง โค๊ดเพลงhi5 โคดเพลง เพลงhi5 เพลงลงhi5 โค้ดปีก โค้ดปีกhi5 โค๊ดปีก โค้ดสี โค๊ดสี โค้ดสีhi5 โค้ดนาฬิกา โค้ดพื้นหลัง โค้ดสกอบาร์ โค้ดสกอบาร์hi5 โค้ดแถบสถิติhi5 แถบสถิติ แถบสถิติhi5 พื้นหลัง พื้นหลังhi5 พื้นหลังสวยๆ hi5ดารา โค้ดแต่งhi5 ตกแต่งhi5 โค้ด hi5 แต่ง hi5 โค๊ดhi5 ตกแต่ง hi5 hi5 ดารา โค้ดแต่ง hi5 โค้ด โค๊ดแต่งhi5