โดยโค๊ดที่จะกล่าวต่อไปนี้จะแสดงผลได้ดีใน ie7 นะครับ ใน ie6 สามารถแสดงผลได้ แต่จะไม่สามารถใช้ได้ในบางส่วน เช่น การยุบหรือขนาดส่วนคอมเมนต์ในขนาดนำเมาส์ไปชี้
และไม่สามารถแสดงผลใน Firefox ได้เลยนะครับ และผมจะอธิบายโค๊ดไว้แต่ผมจะลบลิ้งรูปภาพ สีและตัวเลขที่ผมใช้ออก จงนำไปเติมเอง
<style type='text/css'>
#user-details , #footer { border: none; } ------------ ลบกรอบของส่วน user และ footer ออกครับ
#interests {position:relative;top:--em;right:--em;} -------------- ย้ายส่วนของ interest ไปไว้ตามตำแหน่งที่ต้องการ
body {background-image: url( -- ) ; background-attachment: fixed ; background-repeat: repeat ; } -------- ส่วนของการใส่พื้รหลัง โดยล็อคไว้ไม่ให้เลื่อนตาม scoll bar ครับ
#comments .comment , .section .comment-text , body , td , th {Color: #------;} ------- แก้ไขสีของตัวหนังสือ ให้เป็นสีที่ต้องการในเพจ
#comments .comment:hover .comment-text{display: block;} ---------- แสดงคอมเมนต์เมื่อเอาเมาส์ไปชี้ในตำแหน่งนั้นๆ
.friends .name ,#comments .comment .comment-text , #schools , #groups , .subsection-separator , #videos , #widgets , #background , #recent-updates , #photoAlbums , #p_nav_header {display:none;} ------- ปิดการแสดงผลในส่วนที่ # หรือ . ทั้งหมด
#abuse-links , #abuse-links a , #abuse-links .content , #user-fives , #abuse-links .subsection, .window_blue {display:none;} ------- ปิดการแสดงผลในส่วนที่ # หรือ . ทั้งหมด
#footer *, #footer a, #ad_banner , #user-details .footer , #journalDetail , #common-friends , #user-links a , #lifestyle h1 , #interests h1 , #groups .section {display:none;} ------- ปิดการแสดงผลในส่วนที่ # หรือ . ทั้งหมด
#profile-name, #friends h2 {background-image: none ;background-color: none ;TEXT-ALIGN: center;Color: #-----;} ----- ลบพื้นหลัง ทำให้อยู่ตรงกลาง และเปลี่ยนสีของตัวอักษรครับ
#lifestyle {position:relative;top:--em;right: --em;} --------- ย้ายตำแหน่งของ lifestyle
#friends {position:relative;top:--em;right: --em;} --------- ย้ายตำแหน่งของ friends
#comments {position:relative;top:--em;right: --em;} ------------- ย้ายตำแหน่งของ คอมเมนต์
#footer {position:relative;top:--em;right: --em;} ------------ ย้ายตำแหน่งของ footer
#online-now-icon {background:url( --- );HEIGHT: --px;WIDTH: --px;filter:none;} ---------- เปลี่ยนรูปไอค่อนขณะออนไลน์และกำหนดขนาด
#about-left {position:relative;top:--em;right: --em;} ------------ ย้ายตำแหน่งของ about - left
#about-center {position:relative;top:--em;right: --em;} ------------ ย้ายตำแหน่งของ about center
#about-right {position:relative;top:--em;right: --em;} -------------- ย้ายตำแหน่งของ about right
#comments h1 {text-indent:-9999px;background: url(---);background-position:50% 30%;background-repeat:no-repeat;height: --px;} -------- เปลี่ยนรูปในตำแหน่ง h1 ของ comment
#friends h1 { text-indent:-9999px;background: url();background-position:50% 30%;background-repeat:no-repeat;height: --px;} -------- เปลี่ยนรูปในตำแหน่ง h1 ของ friend
.vanity-bar div {background:url(--) !important;} ----- เปลี่ยนรูปในสถิติ
.vanity-bar div div {background:url(--) !important;} ------- เปลี่ยนรูปพื้นหลังของสถิติ
#comments h2 {TEXT-ALIGN: center ;BACKGROUND: none transparent scroll repeat 0% 0% ; COLOR: #-- ; } -------- ------- ทำให้พื้นหลังของ h2 ในส่วน comment ใส
#lifestyle h2 , #interests h2 ,#friends h2 ,#user-fives h2{BACKGROUND: none transparent scroll repeat 0% 0% ; COLOR: #-- ; } ---- ลบพื้นหลัง ทำให้ใส และเพิ่มสีตัวอักษรเข้าไปในส่วนที่กำหนดไว้
#lifestyle h2 A , #comments h2 A , #interests h2 A {COLOR: #--! !important} ------- เปลี่ยนสีตัวอักษร
A:link , A:visited {COLOR: #--;text-decoration: none;} ------- เปลี่ยนสีลิ้ง
A:hover {COLOR: #--;text-decoration: none;} --------- เปลี่ยนสีลิ้งในขณะที่ชี้ลิ้ง
TEXTAREA {BORDER-RIGHT: white 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: white 1px dashed; PADDING-LEFT: 3px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; OVERFLOW: hidden; BORDER-LEFT: white 1px dashed; WIDTH: 85%; COLOR: #FFFFFF ; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px dashed;HEIGHT: 29px} ----- กำหนดขนาด ,ทำให้ใส ,ทำให้กรอบเป็น - , เพิ่มความหนา ของส่วนรับคอมเมนต์
.commentEditor INPUT {background: url(--) no-repeat; WIDTH: --px; CURSOR: pointer; BORDER-TOP-STYLE: none; TEXT-INDENT: 999px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 34px; BORDER-BOTTOM-STYLE: none;} ------- เปลี่ยนรูปปุ่มส่งคอมเมนต์ และกำหนดขนาดไปในตัว
#footer { background: url(--) no-repeat center center; height: --px; display : block; } ----- เปลี่ยนรูปขแง footer และกำหนดขนาด
#profile-nav {text-indent:-9999px;background: url(--);background-position:50% 30%;background-repeat:no-repeat;height: --px;} ------ เปลี่ยนรูปของส่วน profile-nav และทำให้ใส โดยกำหนดความสูง กว้างแล้ว
.friend-picture {height:---px !important;width:---px!important;margin-left:0px;border:solid #-- ---px; } ---- กำหนดขนาดของกรอบรูปเพื่อน
.friend-picture img {height:---px !important;width:---px!important;margin-left: ---px;} ------- กำหนดรูปของเพื่อน
</style>
<style type="text/css">
#abuse-links {display:none !important;} -------- ลบลิ้งแจ้งทำผิด
iframe {visibility: hidden;} -------- ลบลิ้งแจ้งทำผิด
</style>
------- ใช้ html สร้าง section Fives และ MusicStations
------- ใช้ html สร้างส่วนลิ้งที่เป็นรูป 6 รูป ส่วนบนขวา หรือตรง theBird talk รวมถึง about page
ปล*** หากใครไม่เข้าใจส่วนของ section สามารถไปดูได้จากไซต์นี้ ซึ่งผมได้โพสไว้แล้ว
http://www.zone-it.com/f/topic:36230.0
อาจมีกาเปลี่ยนแปลง โดยไม่ต้องแจ้งให้ทราบล่วงหน้า
แอบมาเล่น
เหะ ๆ
เรียนอยุ่ช่ายปะ
อิอิ