Code เกี่ยวกับ comment ทั้งหมด

 

 selector ที่เกี่ยวข้อง

 

#comments  บล้อกทั้งหมดของคอมเม้น
#comments h1  แถบหัวข้อที่เขียนว่า Comments
#comments h2 a  ลิ้งของคำว่า View All Entries
#comments h3  เป็นส่วนที่มี กล่องพิมพ์ และปุ่มกดอยู่
#comments h3 a  ลิ้งที่สำหรับ ใช้กดคอมเม้นแบบ All user จะเห็นในกรณีที่เรา เข้าดูโปรไฟล์คนอื่น โดยที่ยังไม่ได้ล้อกอินเข้าระบบ
.commentEditor textarea  กล่องที่ใช้พิมพ์
.commentEditor input  ปุ่มกดคอมเม้น, เพิ่มความเห็น, Add comment 

.comment  กล่องคอมเม้นแต่ละกล่อง ที่เพื่อนๆ ได้คอมเม้นไว้แล้ว จะประกอบด้วย

.comment-picture  ส่วนของรุป แต่ไม่ใช่ ตัวรูป
.comment-picture img  รูปดิสเพลย์เพื่อน
หากใช้ในกรณีทำ Filter ให้กับรูป จะใช้
.comment-picture a img  {Filter:----;}
.comment-picture a:hover img  {Filter:ขณะชี้ที่รูป;}

.comment-text  ตัวอักษรที่คอมเม้น

#comments .listitem-separator  เส้นคั่นระหว่างคอมเม้น

 

 

Code ใส่รูปคั่นระหว่าง comment

โค้ดที่จะนำไปวาง

 

<style type="text/css">

#comments .listitem-separator
{background:url(---) top center no-repeat !important;
height:ความสูงpx !important;}

</style>


ใส่ถูกก็ขึ้นนะคับ  ใส่ไม่ถูกก็ไม่ขึ้น

 

 

 

Code ใส่รูปในกล่อง comment

 

 โค้ดที่จะนำไปวาง

 

<style type="text/css">

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

</style

 

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

 

โค้ดที่จะนำไปวาง

 

<style type="text/css">

.listitem-separator {visibility: hidden;}

</style>

 

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

 

 โค้ดที่จะนำไปวาง

 

<style type="text/css">

#comments .listitem-separator {background: ใส่รหัสสี !important;}

</style>

 

Code ขยายรูป display Comment

 

โค้ดที่จะนำไปวาง

 

<style type="text/css">

.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}

</style>

 

Code ทำกรอบ box, bg ให้ Comment

 

โค้ดที่จะนำไปวาง

 

<style type="text/css">

.subsection .comment {background: url(ใส่ URL รูปภาพ);
border: inset 3px #c00000;
height: ความสูงของ box px; overflow: auto;}

</style>

 

Code ทำ Comment hi5 ให้เป้นสีๆ

 

 คลิกที่นี้เพื่อเข้าสู่ วิธีการทำ

 

เครดิต โดย นายแชมป์ CMU