กล่องแสดงคอมเม้นน่ารักๆ

^ ตัวอย่าง
Dashboard> ออกแบบ> แก้ไข HTML> ติ๊กขยายแม่แบบของเครื่องมือ
ค้นหาโค้ดด้านล่าง
/* comment
คัดลอกโค้ดด้านล่างไปวางแทนที่โค้ดที่มีอยู่

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0;
background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c
url(http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/stripe.png) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}
แสดงตัวอย่าง&บันทึก
NOTE: credit from faqihahhusni

5 ความคิดเห็น:

  1. สวัดดีจ้าทักทาย ขอบคุณจ้า

    ตอบลบ
  2. กล่องเม้นไช้ไม่ได้คะช่วยแนะนําหน่อยคะอยากได้แบบข้างล่างนะคะแต่ไช้ไม่ได้ไม่ทราบว่าลบตรงไหนออกมั้งคะ

    ตอบลบ
  3. กล่องเม้นไช้ไม่ได้คะช่วยแนะนําหน่อยคะอยากได้แบบข้างล่างนะคะแต่ไช้ไม่ได้ไม่ทราบว่าลบตรงไหนออกมั้งคะ

    ตอบลบ
  4. ความคิดเห็นนี้ถูกผู้เขียนลบ

    ตอบลบ

กฎและข้อตกลง
x ไม่อนุญาติให้โพสโฆษณา หรือคอมเม้นเชิงโปรโมทเว็บไซส์,สินค้า หรือการบริการต่างๆในบล็อกนี้ หากต้องการลงโฆษณากับทางบล็อก กรุณาติดต่อที่หน้า contact โดยตรง
x ไม่คอมเม้นเสียดสี เหยียดผู้อื่นให้เกิดความเสียหาย
x ไม่คอมเม้นด้วยคำที่ไม่สุภาพ
x หากไม่ปฏิบัติตามจะทำการลบคอมเม้นโดยทันที