รวม โค้ด hi5 * [2]
คลืกลิงค์แล้วมีแรเงาที่ลิงค์
วางโค้ดที่ ส่วนของเฮด
<script>
function highlight(which,color){
if (document.all)
which.style.backgroundColor=color
}
</script>
วางโค้ดที่ส่วนของบอดี้
<a href="linkลิงค์เวป" target="_blank" onmouseover="highlight(this,'โค๊ดสี')" onmouseout="highlight(this,'')">เขียนข้อความ</a><br />
<a href="http://www.zalim-code.com/CodeGifdiary.html" target="_blank" onmouseover="highlight(this,'โค๊ดสี')" onmouseout="highlight(this,'')">พิมพ์ข้อความ
</a>
โค้ด ที่เปลี่ยนไอคอนใต้รูป Display ของเรา
<style type="text/css">
#user-links img {display: none}
#user-links a {list-style:url(ใส่ URL ของรูป ) inside;display:list-item}
</style>
โค้ดเปลี่ยนรูปไอคอน Online Now
<style type="text/css">
#online-now-icon
{ background: url( ใส่URLของรูป );
height: ใส่ความสูง px;width: ใส่ความยาว px; _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D&#39;
ใส่ URLของรูป ;)) ;height: ใส่ความสูง px;width: ใส่ความยาว px;}
#online-now-icon {background-image: url( ใส่URLของรูป );
width: ใส่ความยาว px; height: ใส่ความสูง px;margin: 5px 0px 0px 0px;}
</style>
--------------------- ส่วน ของ Comment ------------------
แถบเลื่อนในคอมเม้นอ่าน๊า
<style type="text/css">
BODY {
scrollbar-3dlight-color: #FFFFCC;
scrollbar-track-color: #FF6699;
scrollbar-base-color:#FF6699 ;
scrollbar-arrow-color: #543E5E;
scrollbar-darkshadow-color:#543E5E;
scrollbar-face-color:#FFFFCC;
scrollbar-highlight-color:#FF6699;
scrollbar-shadow-color:#543E5E; }
</style>
โค้ด รูปในกล่องคอมเม้น
<style type="text/css">
textarea {background-image:url( Url ของรูป );
border-style: inset;
color: สีของตัวอักษรเวลาพิมในกล่อง ;
height: ความสูง px ;
width: ความยาว px ; }
</style>
โค้ดทำกรอบให้คอมเม้ม
<style type="text/css">
.subsection .comment {background: url( ใส่ URL รูปภาพ );
border: inset 3px #ใส่โค๊ตสี ;
height: ความสูง px; overflow: auto;}
</style>
ส้ม = เส้นกรอบคอมเม้ม
double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!
โค้ด รูป เพื่อนcomment อยู่ตรงกลาง
<style type='text/css'>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}
</style>
โค้ด สลับ ย้ายคอมเม้นท์มาด้านซ้าย (รวมทั้งลิตเพื่อนและอัลบั้มภาพ)
<style type=text/css>
table {direction:rtl;} table table table {direction:ltr;}
</style>
โค้ด: Hidden ข้อความใน Comment / เอา เมาส์ ชี้ Show Comment
<style type="text/css">
.subsection .comment {height:105px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>
โค้ด ลบเส้นคั่นใน Comment
<style type="text/css">
.listitem-separator {visibility: hidden;}
</style>
โค้ด เปลี่ยนสีเส้นคั่น Comment
<style type="text/css">
#comments .listitem-separator {background: # ใส่โค๊ตสี !important;}
</style>
โค้ดย้าย(เฉพาะรูป)คอมเม้นท์
<style type="text/css">
.comment-picture img { float: right; }
.comment-picture a img { float: right; }
</style>
โค้ด ตัวหนังสือใน comment
<style type='text/css'>
.section .comment-text {
TEXT-ALIGN: left ;
line-height: 15pt;
color: #ใส่โค๊ตสี;
filter: glow(color= #ใส่โค๊ตสี, strength=5)
}
</style>
ส้ม ตำแหน่ง ของ คอม เม้ม
left (ซ้าย) / center (กลาง) / right (ขวา)
----------------------- แถบ สถิติ ---------------------
โค้ด เปลี่ยนแถบสีแสดง สถิติ
<style type="text/css">
.vanity-bar div {background:url([img]http://image.dek-d.com/9/783888/11753869.gif[/img]) !important;}
.vanity-bar div div {background:url([img]http://image.dek-d.com/9/783888/11753859.gif[/img]) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}
</style>
url รูปภาพลองไปใช้ดู
[img]http://image.dek-d.com/9/783888/11753865.gif[/img]
[img]http://image.dek-d.com/9/783888/11753867.gif[/img]
[img]http://image.dek-d.com/9/783888/11753869.gif[/img]
[img]http://image.dek-d.com/9/783888/11753861.gif[/img]
[img]http://image.dek-d.com/9/783888/11753859.gif[/img]
---------------------- header (กอบอันบน) ----------------
โค้ดปลี่ยน header (กอบอันบน)
- header หลัก อันแรก
<style type="text/css">
#profile-name {background-image:url([img]http://img.thzhost.com/i/2f/newsssjjaa.jpg[/img]);
background-repeat:no-repeat;
color:#โค๊ตสี ตัวหนังสือ ;
height: 500 px;
width: 956 px;}
#profile-nav { background-color: #โค๊ตสี BG อัน ล่าง ; }
</style>
header ใสมองทะลุได้ทุกอัน
<style type="text/css">
#profile-nav { background-color: transparent; }
.section h1 { background-color: transparent; border: none; }
.section h2 { background-color: transparent; border: none; }
</style>
ใส่รูปภาพให้กับ header ส่วน อื่นๆ
<style type="text/css">
.section h1 { background-color: transparent; border: ขนาดของเส้น px แบบของเส้นขอบ #โค๊ตสีของเส้นรอบ;
background-image:url(Url รูปภาพ);
color: #สีตัวอักษรชื่อตาม header;
background-repeat:repeat;
height: แล้วแต่ px ;
width: แล้วแต่ px ;}
.section h2 { background-color: transparent; border:none;}
</style>
แบบของเส้นขอบ
double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!
