Code จัดกลางรูป display ใน content ส่วนตัว
ถ้าจะใช้โค้ดนี้ต้องลบโค้ดที่ทำสลับด้าน content นี้ออกก่อนนะคับ
และปรับระยะเอาเอง ถ้ามันไม่ตรง

#about-left {position: relative;left: 38%;}

#about-center {position: relative;left: 36%;}

#about-right {position: relative;right:65%;}

-------------------------------------------------

Code ตกแต่งปุ่ม comment
ถ้าจะใส่รูป ก้อให้ใช้ background-image:url(-----);

input {color: สีตัวอักษร; background-color: สีปุ่ม;}

---------------------------------------------------------

Code ทำ Frame อัลบั้มรูป
สามารถใส่รูป Frame ตามใจคุลเลยนะคับ
ปรับขนาด และระยะ ด้วยนะคับ

ตัวเฟรม
.album {
background: url(รูปที่ทำเป็นอัลบั้ม) top left no-repeat;height: ความสูง;width: ความกว้าง;}

ตัวรูปภาพ ปรับขนาด ระยะห่างจากขอบ
และใส่คุณสมบัติอื่นๆ ได้
.album img {top: --px;left: --px;}

---------------------------------------------------------

Code ใส่รูปหน้า list ใต้รูปดิสเพล์ Profile

#user-links img {display: none}
#user-links a {list-style:url(รูปหน้าlist) inside;display:list-item}

---------------------------------------------------------

Code ใส่รูป Online now

#online-now-icon {background: url(URL รูปภาพ) no-repeat;width:ความกว้างpx; height:ความสูงpx; filter:none}

---------------------------------------------------------

Code ทำกรอบรูปดิสเพลย์

รูปแบบการกำหนดเส้นขอบ

ิselector { border: รูปแบบของเส้น ขนาด สี }

เช่น

#comments { border: solid 2px #000000 }

สามารถดูลักษณะรูปแบบของเส้นขอบได้ จากหน้าไฮไฟว์ tapopo.hi5.com

ในหัวข้อ Code ใส่กรอบให้หน้า Hi5

------------------------------------------------------------------------------

รูป Display ใน content ส่วนตัว

#user-picture img {border: outset 8px #363636;}

รูป Display ใน Topfriends

.friend-picture {border: outset 8px #363636;}

รูป Display ใน Comments

.comment-picture {border: outset 8px #363636;}

Comments Manage

สำหรับ คอมเม้นที่เราไม่ปราถนาจะให้แสดงในหน้าโปรไฟล์
เราสามารถ กำหนดไม่ให้แสดงได้ โดยการใส่ Display:none
ลงไปสำหรับ tag นั้น อีกทั้งยังสามารถ ใส่รูป หรือกำหนดคุณสมบัติอื่นๆ ลงไปแทนคุณสมบัติเดิมได้อีกด้วย

สำหรับ tag ที่สำคัญ ที่เพื่อนๆ นิยมเอามา comment ได้แก่


embed สไลด์ เพลง แฟลช ฯ
object มัลติมีเดียต่างๆ รวมถึงเพลง
marquee ตัวเลื่อน
font ตัวกำหนดลักษณะอักษร
span แท้กทั่วไป
div แท้กทั่วไป
img รูปภาพ
br ตัวขึ้นบรรทัดใหม่
strong ตัวอักษรหนา
b ตัวอักษรหนา
a ลิ้ง

การกำหนดค่า

.comment-text tagที่ต้องการ { display:none }

หรือถ้าหากเป็นการใส่รูปแทนที่เข้าไป สามารถกำหนดเป็น

.comment-text tagที่ต้องการ {
background:url(รูปที่จะนำมาเซ็นเซอร์) center center no-repeat; width:---px; height:---px; visibility:hidden }

โดยจะต้องกำหนดขนาดของภาพด้วยนะคับ

by tapopo

Font effect + edit

เลือก selector ที่มีตัวอักษรอยู่ภายใน มาใส่นะคับ

.name strong ชื่อโปรไฟล์
.section-name คำว่า ::My Profile
.name span จำนวณของคนเข้าชมโปรไฟล์
#profile-nav a ลิ้งใต้ชื่อโปรไฟล์
#picture-links a ลิ้งรูปภาพ ใต้รูปดิสเพลย์
#user-links a ลิ้งใต้รูปดิสเพลย์
#xabout-center span คำว่า Online now
#todays-topic strong คำว่า สถานะ หรือ status
#todays-topic ข้อความสถานะ
.info-box h4 หัวข้อในช่อง content กลาง
.info-box .box_profile_info_small_content ตัวอักษรเนื้อหาใน content กลาง

#vanity-bars h4 คำว่า stats หรือ สถิติ
#vanity-title a ลิ้งหน้าแถบสถิติ
#journal-entries h4 คำว่าสมุดบันทึก หรือ Journal
#journal-entries h4 a ลิ้งคำว่า Veiw all
#journal-entries a ลิ้งอื่นๆ ในหัวข้อสมุดบันทึก
#lifestyle .box_profile_info_small_content ตัวอักษรของเนื้อหา ใน about me หรือเกี่ยวกับฉัน
#lifestyle .box_profile_info_small_content a ลิ้งภายใน about me (ถ้ามี)
#lifestyle h1 หัวข้อคำว่า about me หรือเกี่ยวกับฉัน
#interests .box_profile_info_small_content เนื้อหาใน interests หรือความสนใจเฉพาะ
#interests .box_profile_info_small_content a ลิ้งภายใน interests
#interests h1 หัวข้อคำว่า Interests หรือความสนใจเฉพาะ
#interests h4 หัวข้อย่อยใน Interests หรือความสนใจเฉพาะ
#journalDetail h1 หัวข้อหลัก
#journalDetail h2 ลิ้งดูสมุดบันทึกทั้งหมด
#journalDetail .subsection เนื้อหาของสมุดบันทึก ประกอบด้วย
.journalHeader span วันเดือนปี ที่เขียน
.journalHeader span a ชื่อเรื่อง
.journalBody เนื้อหา
#friends h1 หัวข้อ Friends
#friends h2 a ลิ้งใต้หัวข้อ Friends
.friend-name a ลิ้งชื่อเพื่อน
#photoAlbums h1 หัวข้ออัลบั้มรูป
#photoAlbums h2 a ลิ้งเข้าดูอัลบั้มรูปทั้งหมด
.albumWrapper a ลิ้งชื่ออัลบั้ม
#user-fives h1 หัวข้อ Fives
#user-fives h2 a ลิ้งดู Fives ทั้งหมด
#comments h1 หัวข้อ comment
#comments h2 a ลิ้งดูคอมเม้นทั้งหมด
#comments h3 a ลิ้ง ให้คอมเม้น กรณีที่ยังไม่ได้แอดเป็นเพื่อน
.commentEditor textarea ตัวอักษรที่พิมพ์คอมเม้น
.commentEditor input ตัวอักษรของปุ่มกด คอมเม้น
.comment div ตัวอักษรเกี่ยวกับวัน เวลา ที่คอมเม้น
.comment div a ลิ้งชื่อคนที่มาคอมเม้น
.comment-text ตัวอักษรที่เพื่อนคอมเม้น

Code ใส่แสงเงาให้กับตัวอักษร

Selector {font-size: ขนาดตัวอักษร; font-family: รูปแบบตัวอักษร;color: สีของตัวอักษร;filter:Glow(color=สีของเงาตัวอักษร,strength=ความเข้มข้น);height:ขอบเขตความสูง;width: ขอบเขตความกว้าง;padding:15px;}


Code เปลี่ยนสี
Selector {color: สีของตัวอักษร}



Code เปลี่ยนขนาด
Selector {font-size: สีของตัวอักษร}

ขนาดมีหน่วยเป็น pt หรือ px ก็ได้คับ


Code เปลี่ยนรูปแบบ font
Selector {font-family: รูปแบบดูจาก word}


Code กำหนดระยะห่าง
Selector {letter-spacing: ระยะระห่างของตัวอักษรแต่ละตัว}

เช่น 3px ก็จะห่าง 3 pixel

Code กำหนดขอบเขต
หากมีการกำหนดขนาดตัวอักษรใหญ่มาก อาจจะทำให้เกินขอบบน-ล่าง
ได้ สำหรับตัวอักษรที่เป็นเนื้อหา เราจึต้องกำหนดขอบบน ล่างไว้ด้วย

Selector {line-height: ความสูงที่ มากกว่า หรือเท่ากับขนาดตัวอักษรที่กำหนด}

เช่นกำหนดขนาดอัษรเป็น 12px
ควรกำหนด line-height เป็น 13px up


by tapopo

Code ลบโฆษณา (Google ads.)
แบบไม่ให้แอพพลิเคชั่นหาย
<style> iframe {visibility: hidden} #content-left iframe {visibility: visible !important} </style>

Code ลบข้อความแจ้งเตือน(แถบเหลือง)
<style> .emptyProfileInfo {display:none} </style>

Code ใส่พื้นหลังหน้า Hi5

การกำหนดค่า
background-attachment :
fixed ล็อกพื้นหลังอยู่กับที่
scroll พื้นหลังเลื่อนตามเนื้อหา

background-repeat :
repeat ทำซ้ำภาพพื้นหลัง จนเต็มจอ
no-repeat ไม่ทำซ้ำ แสดงตามขนาดของภาพ

background-color :
กำหนดพื้นหลังเป็นสี

background-position : x y
กำหนดตำแหน่งรูปพื้นหลัง
- เทียบตามแกน x แนวนอน ระยะห่างจากขอบ บนของ tag
- เทียบตามแกน y แนวตั้ง ระยะห่างจากขอบ ซ้าย ของ tag


<style type="text/css"> body { background-image: url(ใส่ url ของรูป); background-attachment: fixed; background-repeat: repeat; background-color: สี; background-position: ตำแหน่งของภาพพื้นหลัง; } </style>


Code ใส่รูปในกล่อง comment
<style type="text/css"> .commentEditor textarea { background-image:url(ใส่ URL ของรูปภาพ); color: สีของตัวอักษรเวลาที่พิมพ์; height: ความสูงของCommentBoxหน่วยเป็น px; width: ความกว้างไม่ควรเกิน450px; } </style>


Code ทำแถบ Header ให้ใสทุก box
<style type="text/css"> #profile-name {background: none} #profile-nav,.section h1,.section h2 {background: transparent; border: none} #user-details {border: none} </style>


Code 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>
เว็บรวม Code สี !!




tapopo


Code ใส่รูป Header ให้ Hi5
<style type="text/css"> #profile-name { background-image:url(ใส่ URL รูปภาพ); background-repeat: no-repeat หรือ repeat; background-position: top center ตำแหน่งการวางรูป แกน y x; width: 974px; height: *ความสูงของรูปภาพpx; } </style>


Code ใส่ Footer ให้ Hi5
<style type="text/css"> #footer { background: url(ใส่ URL รูปภาพ) no-repeat center center; border: none; display: block; height: ความสูงของรูปpx; } </style>


Code ทำให้แถบ Log Out ให้หายไป
<style type="text/css"> #new_header {display:none} </style>


Code ขยายรูป display Comment
<style type="text/css"> .comment-picture {height:100px !important; width:100px;} .comment-picture a img {width:100px; height:100px;} </style>


Code ตกแต่งแถบลิ้งใต้ชื่อ Profile
สามารถตกแต่งได้ 3 ส่วนหลักๆ



ได้แก่
#profile-nav คือ ส่วนที่เป็นแถบ
คุณสมบัติที่สำคัญ
text-align: center; จัดกึ่งกลางตัวอักษร
background-image: url(ภาพพื้นหลัง) ;
background-color: สีของพื้นหลัง;
border: เส้นกรอบ ขนาดเส้น สีของเส้น;
height: ความสูงของแถบ เป็น px;

#profile-nav a คือ ส่วนที่เป็นตัวอักษร ลิ้ง
คุณสมบัติที่สำคัญ
font-family: รูปแบบตัวอักษร;
font-size: ขนาดตัวอักษร เป็น px;
color: สีตัวอักษร;
padding: ระยะห่างระหว่างลิ้ง;

#profile-nav a:hover คือ ส่วนที่เป็นตัวอักษรขณะชี้ที่ลิ้ง
คุณสมบัติ ที่สำคัญ
background-image: url(ภาพพื้นหลังขณะชี้ที่ลิ้ง) ;
text-decoration: none; (ไม่มีเส้นใต้)
color: สีตัวอักษรขณะที่ชี้ลิ้ง;
<style type="text/css"> #profile-nav {background-color: *สีพื้นหลัง; } #profile-nav a { color: *สีตัวอักษร; font-size: 12pt; } #profile-nav a:hover { color: *สีตัวอักษรขณะชี้ลิ้ง; text-decoration: none; } </style>

Code ลบส่วนที่ไม่ต้องการออก

เลือก selector มาใส่นะครับ จะทำให้ส่วนนั้นๆ ไม่แสดง

<style type="text/css"> selector {display:none} </style>

แผนผังของ Selector

Main Selector
body	หน้าเพจทั้งหน้า
#p_nav_header	แถบเฮด LogOut บนสุด
#profile-name	แถบชื่อโปรไฟล์
#profile-nav	แถบลิ้ง ใต้ชื่อโปรไฟล์
#user-details	บล้อกข้อมูลส่วนตัวทั้ง 3 ส่วน
#about-left	บล้อกทางซ้าย ที่มีรูปดิสเพลย์
#about-center	บล้อกกลาง ข้อมูลส่วนตัว
#about-right	บล้อกขวา ที่มีแถบสถิติ
#recent-updates	ส่วนขงข้อมูล Update
#content-left	Colum ฝั่งซ้ายทั้งหมด
#content-right	Colum ฝั่งขวาทั้งหมด
#lifestyle	บล้อก เกี่ยวกับฉัน
#interests	บล้อก ความสนใจเฉพาะ
#groups	บล้อก กลุ่ม
#schools	บล้อก โรงเรียน
#journalDetail	บล้อกสมุดบันทึก
#widgets	บล้อก widgets
#videos	บล้อก video
#friends	บล้อก TopFriends
#common-friends	บล้อก Common Friends
#photoAlbums	อัลบั้มรูป
#user-fives	บล้อก Fives
#apps	บล้อก Application
#comments	บล้อก comment
#footer	ส่วนล่างสุดของหน้าเพจ
.section h1	แถบหัวข้อหลักใน content ต่างๆ
#content-left h4	แถบหัวข้อย่อยใน column ฝั่งซ้าย

วิธีการดาวโหลดไฟล์จาก FileFactory

1. คลิกลิงค์ไฟล์ที่ต้องการดาวน์โหลดจะเข้าหน้าเว็บรอสัก15วิจะเข้าสู่หน้าดาวโหลด Filefactiry

2.เมื่อเข้าสู่หน้า Filefactory เลื่อนลงมานิดนึงเจอที่เขียนว่า "Download With filefactory Basic" คลิกเข้าไปเลย ตามรูปด้านล่าง


3. เมื่อคลิกเข้ามาแล้วเลื่อนหน้าเว็บลงมาด้านล่างนิดนึง จะพบที่กรอกรห้สป้องกัน SPAM พิมข้อความตรง Re-enter ให้ตรงกับ CODE ที่เขาบอกมาและคลิกที่ Continueเลยครับ


4. จะเห็น ไอคอนที่เขียนว่า Begin Download คลิกเลยครับตามรูปด้านล่าง


5.จะขึ้นหน้าต่างให้ดาวโหลดครับ OPEN คือเปิดไฟล์ทีดาวโหลดเลย SAVE คือเลือกว่าจะเก็บไฟล์ที่ดาวโหลดว่าจะไว้ที่ไหน


จบ