โค้ดลบส่วนที่ไม่ต้องการใช้

แผนผังของ Selector



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

โค๊ด:

Code:

<style></style>

selector {display:none}




ตัวอย่างลบส่วนแถบชื่อโปรไฟล์

โค๊ด:

Code:

<style>#profile-name</style>

selector {display:none}





#photoAlbums {display:none}






--------------------------------------------------------------------------------
#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 ลิ้งรายการ Journ


#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 ตัวอักษรลิ้งเวลาชี้

#new_header เป็นแถบที่ติดมากับ #p_nav_header มีพื้นหลังเป็นภาพโลโก้ Hi5 และประกอบไปด้วย 3 ส่วนหลัก คือ

1. ลิ้งกลับหน้า Home

#gohome จะเป็นลิ้งที่ซ้อนอยู่กับรูปโลโก้ Hi5

2. Navigation link (แถบลิ้ง)

#primenu แถบลิ้ง Home Profile Friends Messages Video Groups Search
#primenu li a ตัวอักษรลิ้ง Home Profile Friends Messages Video Groups Search

3. ข้อมูล Account

#userstuff เป็นส่วนหลัก ที่ประกอบด้วย
.loggedin แถบที่มีตัวอักษร Welcome, ชื่อ [Log Out]
.loggedin strong ตัวอักษร welcome, ชื่อผู้เข้าชม
.loggedin a ตัวอักษร Log Out
#glsearch แถบค้นหา
#glsearch strong a ตัวอักษรคำว่า Search
input#search_text ช่องกรอกค้นหา
input#search_button ปุ่มกดค้นหา
#acclinks li.li a ตัวอักษร Privacy Accout
#langdrop แถบเลือกภาษา
#language-more img รูปโลก

.name strong ชื่อโปรไฟล์
.section-name คำว่า ::My Profile
.name span จำนวณของคนเข้าชมโปรไฟล์
#profile-nav a ลิ้งใต้ชื่อโปรไฟล์
#picture-links a ลิ้งรูปภาพ ใต้รูปดิสเพลย์
#user-links a ลิ้งใต้รูปดิสเพลย์
#online-now-icon 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 ตัวอักษรที่เพื่อนคอมเม้น


Selector 3 จะรวบรวมมาจาก content ฝั่งขวาทั้งหมด

ตั้งแต่ Topfriends ลงไปถึง Comments ^^

#content-right เป็น selector หลัก ประกอบไปด้วย

#friends Content เพื่อน ประกอบด้วย
#friends h1 หัวข้อ friend
#friends h2 หัวข้อของลิ้ง
#friends h2 a ตัวลิ้ง
#friends .subsection ส่วนเนื้อหา friend ประกอบด้วย
.friend เป็น section ของ friend แต่ละคน ประกอบด้วย


.friend-name แถบชื่อ
.friend-name a ลิ้งชื่อ
.friend-picture section รูปภาพ
.friend-picture div section ย่อย
.friend-picture img รูปภาพ
#friends .listitem-separator แถบแบ่งระหว่าง 5 section
#friends .footer แถบ footer ของ friend



#photoAlbums content ของอัลบัั้มรู
#photoAlbums h1 หัวข้ออัลบั้ม
#photoAlbums h2 แถบลิ้ง
#photoAlbums h2 a ตัวลิ้ง
#photoAlbums .xsubsection ส่วนเนื้อหา
.albumwrapper section ของอัลบั้มแต่ละอัน
.albumwrapper a ลิ้งของชื่ออัลบั้ม
.album section ของรูปอัลบั้ม
.album img รูปภาพปกอัลบั้ม
#photoAlbums .footer แถบ footer ของอัลบั้ม



#apps content ของ Application ต่างๆ ที่ add เข้ามา



#user-fives content ของ Fives
#user-fives h1 หัวข้อ Fives
#user-fives h2 แถบลิ้ง
#user-fives h2 a ตัวลิ้ง
#user-fives .subsection ส่วนเนื้อหา
#user-fives .subsection div section ของ Fives แต่ละอัน
a.link_five img รูปภาพของ Fives
#user-fives .listitem-separator แถบแบ่งระหว่าง 5 Fives
#user-fives .footer แถบ footer ของ Fives



#comments content ของ Comment
#comments h1 หัวข้อ Comment
#comments h2 แถบลิ้ง
#comments h2 a ตัวลิ้งดูทั้งหมด
#comments h3 แถบของช่องพิมพ์ และ กดคอมเม้น ประกอบด้วย
#comments h3 a ตัวลิ้งสำหรับฝากคอมเม้น
.commentEditor textarea ช่องพิมพ์ Comment
.commentEditor input ปุ่มกด Comment
#comments .subsection ส่วนเนื้อหาทั้งหมด
.comment section ของแต่ละ Comment
.comment-picture section ของรูปเพื่อน
.comment-picture img รูปเพื่อน
.comment-text ข้อความที่ Comment
#comments .listitem-separator เส้นแบ่งระหว่างคอมเม้นแต่ละอัน
#comments .footer แถบ footer ของ Comment




#footer Content ของส่วนล่างสุด ของหน้าเพจ
#footer span section ของข้อความ ลิ้ง ฯ
#footer span a ลิ้งภายใน section span

ใครเค้า จะ อ่าน หมด วะ