รวมโค้ดตกแต่ง hi5

โค้ดทำรูป profile อยู่ทางขวา

<style type="text/css"> #user-details .content { DIRECTION: rtl }</style>

..............................

โค้ดใส่ background

<style type="text/css">body {background-image: url( ใส่ url รูป ) ;background-attachment: fixed ;background-repeat: repeat ;}</style>

..............................
โค้ดลบเส้น+ทำแถบให้ใส

<style type="text/css">#user-details { border: none; }.section .content { border: none; }#profile-nav { background-color: transparent; }.section h1 { background-color: transparent; border: none; }.section h2 { background-color: transparent; border: none; }</style>

..............................
โค้ดใส่รูปตรงกรอบ Comment

<style type="text/css">textarea {background-image:url( ใส่ URL ของรูป );border-style: inset;color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; }</style>โค้ดทำให้ comment อยู่ทางซ้าย <style type='text/css'>table {direction:rtl;}table table table {direction:ltr;}</style>

..............................

โค้ดทำให้ รูปตรง comment ใหญ่ขึ้น

<style type="text/css">.comment-picture {height:100px !important;width:100px;}.comment-picture a img {width:100px; height:100px;}</style>

..............................

โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง

<style type='text/css'>#friends {DISPLAY: none}#schools {display:none;}#groups {display:none;}#videos {display:none;}#widgets {display:none;}#background {display:none;}#recent-updates {display:none;}#photoAlbums {display:none;}</style>

..............................

โค้ดทำ 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>

..............................

โค้ดใส่รูปหัวบน
<style type=”text/css”>#profile-name {background-image:url(ใส่ URL รูปตรงนี้);width:956px;height:ความสูงpx}</style>

..............................

โค้ดลบแถบ log in
<style type=”text/css”> #p_nav_header{display:none}

</style>

..............................

โค้ด ทำรูป profile อยู่ทางขวา
<style type=”text/css”> #user-details .content { DIRECTION: rtl }</style>
..............................

โค้ด ทำให้ comment อยู่ทางซ้าย
<style type=’text/css’>table {direction:rtl;}table table table {direction:ltr;}</style>

..............................

โค้ด ทำให้ รูปตรง comment ใหญ่ขึ้น
<style type=”text/css”>.comment-picture {height:100px !important;width:100px;}.comment-picture a img {width:100px; height:100px;}</style>
..............................

โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง
<style type=’text/css’>#friends {DISPLAY: none}#schools {display:none;}#groups {display:none;}#videos {display:none;}#widgets {display:none;}#background {display:none;}#recent-updates {display:none;}#photoAlbums {display:none;}</style>

..............................

โค้ด ทำ 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>
..............................

โค้ด รูป เพื่อน comment อยู่ตรงกลาง
<style type=’text/css’>.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}</style>

..............................

โค้ด ใส่พื้นหลัง + ลบเส้นขอบ
<style type=”text/css”>body {background-image: url( ใส่ url ของรูป ) ;background-attachment: fixed ;background-repeat: repeat ;}#user-details { border: none; }.section .content { border: none; }</style>
..............................

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


..............................

โค้ด ทำเม้าส์ พอยท์เตอร์ สวยๆ
<style type=”text/css”>body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );}a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}</style>

..............................

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

โค้ด ลบเส้นคั่นระหว่าง Comment

<style type=”text/css”>.listitem-separator {visibility: hidden;}</style>


..............................

โค้ด เปลี่ยนสีเส้นคั่น Comment
<style type=”text/css”>#comments .listitem-separator {background: ใส่รหัสสี !important;}</style>
..............................

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

..............................

โค้ด แต่ง Content คือข้อมูลส่วนตัว
<style type=”text/css”>#user-details .content { direction: RtL;}#about-left { direction: LtR; }#about-center{ direction: LtR; }#about-right { direction: LtR; }#about-left, #about-center, #about-right{ border: outset #1c1c1c 10px; }</style>
..............................

โค้ดใส่ Footer ด้านล่าง
<style type=”text/css”>#footer {background: url(ใส่ URL รูปภาพ) no-repeat center center;border: none; display: block; height: 50px;}#footer *,#footer a,#ad_banner {display: none;}</style>


..............................

โค้ด ใส่รูป Header
<style type=”text/css”>#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;height:ความสูงของรูปภาพpx}</style>
..............................
โค้ดเปลี่ยนขีดสถานะ
<style type=”text/css”>.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}.vanity-bar div div img,.vanity-bar div img{display:none;}</style>
..............................

โค้ดทำกรอบ box, bg ให้ Comment
<style type=”text/css”>.subsection .comment {background: url(ใส่ URL รูปภาพ);border: inset 3px #c00000;height: ความสูงของ box px; overflow: auto;}</style>


..............................

โค้ดแถบสเกล แถบสีอ่ะ
<style type=”text/css”>.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}.vanity-bar div div img,.vanity-bar div img{display:none;}</style>

..............................

โค้ด hi5 : รูป Profife อยู่ตรงกลาง

<style type=’text/css’>#about-left{position: relative;left: 27.5em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 27.5em;}</style>

..............................

โค้ดแต่ง hi5 รูปวิ่งได้

<marquee> <img src=http://qq.sanook.com/images/qqlogo.gif (ใส่ url ของรูป)> </marquee>

..............................

โค้ดแต่ง hi5 กรอบปฏิทิน

<style> calendarHeader {background:red;}.calendarToday {font-weight: bold;background:grey;}.calendar {border:1px solid #cccccc;}</style>

..............................

โค้ด hi5 : เปลี่ยนขีดสถานะ

<style type=”text/css”>.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}.vanity-bar div div img,.vanity-bar div img{display:none;}</style>

..............................

โค้ดทำรูป profile อยู่ทางขวา

<style type="text/css"> #user-details .content { DIRECTION: rtl }</style>

..............................

ตรงข้อความที่คนอื่นมาเม้นท์ให้เรา เรืองแสง

<style type='text/css'>.section .comment-text {TEXT-ALIGN:center;line-height:15pt;color:#F0FFFF;border:0px #A3A3A3 dashed;filter:progid:DXImageTransform.Microsoft.Glow(color=#1C1C1C,strength=7);}</style>

..............................

ลบ ชื่อ วัน เวลา ที่ Comment

<style type="text/css">.comment div {visibility: hidden}</style>

..............................

เปลี่ยนสีเส้นคั่น Comment

<style type="text/css">#comments .listitem-separator {background: ใส่รหัสสี !important;}</style> <br /><style type="text/css">#comments .listitem-separator {background: ใส่รหัสสี !important;}</style>><br />

..............................

ใส่รูปตรงกรอบ Comment

<style type="text/css">textarea {background-image:url( ใส่ URL ของรูป ); border-style: inset; color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; } </style><style type="text/css">textarea {background-image:url( ใส่ URL ของรูป ); border-style: inset; color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; } </style>

..............................

โค้ดทำกรอบ five

<style type="text/css">#user-fives IMG {HEIGHT: 45px; width: 50px;} #user-fives img {filter: Alpha(Opacity=0,FinishOpacity=100,Style=1); border: #FFF 3px dotted }#user-fives a:hover img {filter:none}</style>

..............................