Footer
html
หน้า Hi5 เป็น tag ใหญ่สุด
body
หน้า Hi5 รองลงมาจาก html
a
คือ ลิ้งนะคับ สามารถนำไปต่อท้าย selector ที่มีลิ้งอยู่ภายในได้ และกำหนดคุณสมบัติลงไป เช่น
#about-right a {color: #000000}
a:hover
คือ การกำหนดคุณสมบัติของลิ้งเวลาที่ชี้เม้าส์ สามารถนำไปต่อท้าย selector ได้เช่นกาน เช่น
#about-left a:hover {color: #FFFFFF}
#p_nav_header
แถบบน ทั้งหมด ที่เห็นขาวๆ นั่นแหละคับ
#top_header
แถบบนสุดที่มีช่องค้นหา ไม่รวมลิ้ง home
#search_table
เป็นกล่องค้นหาบนสุด เล็กๆอะคับ
#search_label
คำว่า ค้นหา: หรือ search:
#p_nav_primary
แถบลิ้ง Home Profile Friends Messages Video Groups Search
#p_nav_primary li#nav a
ตัวอักษรลิ้ง Home Profile Friends Messages Video Groups Search
#profile-name แถบชื่อโปรไฟล์
#profile-name .name strong ตัวอักษรชื่อโปรไฟล์
span.section-name ตัว :: My Profile
.profile-nav .name span ตัว :: My Profile (จำนวน)
#profile-nav แถบใต้ชื่อโปรไฟล์
#profile-nav a ตัวอักษรลิ้ง
#profile-nav a:hover ตัวอักษรลิ้งเวลาชี้
#user-details .content กล่องข้อมูลส่วนตัว แบ่งออกเป็น 3 ส่วนคือ
#about-left ช่องที่มีรูปดิสเพลย์อยู่ง่าคับ
#about-center ช่องกลาง
#about-right ช่องแถบสถิติ
แต่ละส่วนจะประกอบไปด้วย
#about-left
#user-picture img รูปดิสเพลย์
#picture-links ลิ้งสองอันใต้รุปดิสเพลย์
#user-links a ลิ้ง Edit my profile, View as another,...
#abuse-links a ลิ้ง block user และ Report abuse
#about-center
#online-now-icon รูปไฟสถานะ online
#xabout-center span คำว่า Online Now
#todays-topic strong คำว่า Status:
#todays-topic คำว่า Status: รวมข้อความ Topic
#todays-topic a คำว่าแก้ไขสถานะ หรือ Edit your status...
#user-info กล่องข้อมูลส่วนตัวตั้งแต่ อายุ-โรงเรียน
#user-info h4 หัวข้อ อายุ-โรงเรียน
#about-center nobr ลิ้ง more about me...
#about-right
#user-url บล้อกของ URL
#hi5urlspan #newURL ตัวอักษรในบล้อก URL
#hi5urlspan #newURL a ลิ้ง Send it to...
#vanity-bars บล้อกของสถิติ
#vanity-bar แถบของสถิติ
.vanity-bar div แถบสีขาว
.vanity-bar div div แถบสีส้ม
.vanity-bar div img รูปเล็กๆ บนแถบ friends
.vanity-bar div div img รูปเล็กบนแถบอื่นๆ
.vanity-title a ลิ้งตัวอักษรสถิติ
#journal-entries บล้อกของ Journal หรือ สมุดบันทึก
#journal-entries h4 คำว่า Journal หรือ สมุดบันทึก
#journal-entries h4 a ลิ้ง View all ,Compose
#journal-entries a.view-all ลิ้งรายการ Journal
#user-details .footer
ส่วน footer ของบล้อกข้อมูลส่วนตัว สามารถใส่รูปลงได้
แต่ต้องกำหนดเป็น display:block และ height: ความสูง
ไว้ด้วย เพราะค่าเริ่มต้นคือ 0 ซึ่งจะมองไม่เห็นนะคับ
Code ตัวใหม่ที่มีการเปลี่ยนแปลง
selector| old selector | new selector | คำอธิบาย |
|---|
| #content-left | #col1 | ช่องข้อมูลทางด้านซ้าย |
| #content-right | #col1 | ช่องข้อมูลทางด้านขวา |
| - - | #common-friends | เพื่อนที่เรามีเหมือนกัน |
| #p_nav_header | #new_header | แถบ header ที่มี logo hi5 |
| #top_header | #userstuff | แถบที่มี welcome logout Language |
| #p_nav_primary | #primenu | แถบ Home Myprofile Friends ฯ |
| #p_nav_primary li#nav a | #primenu li a | ตัวลิ้ง Home ฯ |
| #p_nav_primary #nav_select | #primenu li.on | ตัว select |
| #p_nav_primary #nav_select a | #primenu li.on a | ตัวลิ้ง select |
| - - | #gohome | Logo Hi5 |
| coming soon !! | - - | - - |
Credit: พี่ต้า
5555555...
:))