Hi5

ลบเส้นคั่นคอมเม้นต์

posted on 04 Jan 2009 12:58 by aumja24  in Hi5

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

 

<style type="text/css">
input{
color:#โค้ดสีของคำว่าเพิ่มคอมเม้นต์;
border:1px solid #โค้ดสีของกรอป;
background-color:#โค้ดสีของพื้นหลัง;
padding: 0px 3px 0px 3px;}
</style>

ใส่กรอบให้คอมเม้นต์

posted on 04 Jan 2009 12:53 by aumja24  in Hi5
แบบที่1พื้นหลังเป็นสี
<style type="text/css">
.subsection .comment {background-color:#โค้ดสีของพื้นหลัง ;
border:ชนิดของกรอป    ขนาดของกรอปpx #โค้ดสีของกรอปคอมเม้นต์ ;
height: 470px; overflow: auto;}
</style>
แบบที่2 พื้นหลังเป็นภาพ
<style type="text/css">
.subsection .comment {background-image:url(url รูป);
border:ชนิดของกรอป    ขนาดของกรอปpx #โค้ดสีของกรอปคอมเม้นต์ ;
height: 470px; overflow: auto;}
</style>

*** ชนิดของกรอป
ridge=แบบนูนๆ (เรียกไม่ถูกเหมือนกันแต่สวย)
solid=แบบเส้นเดียว
double=แบบเส้นคู่
dashed=แบบเส้นประ
dotted=แบบเส้นจุด

edit @ 4 Jan 2009 12:56:24 by AumJa24

<style type="text/css">
#comments .listitem-separator
{background:url(urlของรูป) top center no-repeat !important;
height: ความสูงของรูป px !important;}
</style>

 

ขยายรูปตรงคอมเม้นต์

posted on 04 Jan 2009 12:48 by aumja24  in Hi5

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

 

<style type="text/css">
.section .comment-text {
TEXT-ALIGN: center; }
</style>

<style type="text/css">
a:link {text-decoration: none; color:#โค้ดสี}
a:visited {text-decoration: none; color:#โค้ดสี}
a:hover { text-decoration: none; color:#โค้ดสี}
</style>

***a:link =สีของลิ้งค์ทั้งหมด
      a:visited =สีลิ้งค์ที่ไปมาแล้ว
      a:hover =สีของลิ้งค์ตอนเม้าส์ชี้

 

<style type="text/css">
a:link img  { filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=10, StartY=10, FinishX=0, FinishY=0) }
a:visited img  { filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=10, StartY=10, FinishX=0, FinishY=0) }
a:hover img {filter:none;}
</style>

แต่ง Scroll Bar

posted on 04 Jan 2009 12:47 by aumja24  in Hi5

<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">
#user-picture {visibility: hidden}
#user-picture img {width: ความยาว px; height: ความสูง px}
#picture-links {visibility: transparent}
#about-left { background:url( ใส่URLของรูป ) transparent 60% 10% no-repeat; }
</style>