2009/Nov/11

ก่อนอื่น ต้องมาทำความรู้จักกับส่วนcomment

การแก้ไขโค๊ดในส่วนcommentนั้น สามารถเข้าไปทำการแก้ไขได้โดย

1.เปิดหน้าบล๊อคของตัวเองขึ้นมา แล้วเลือกหัวข้อ Manage

2.เลือกส่วนของTheme

3.เลือก CSS Editor แล้วก็จะเจอโค๊ดมากมาย ซึ่งส่วนของ comment โดยปกติแล้วจะอยู่ด้านล่างๆ เลย

/* ฟอร์มใส่คอมเมนต์ */form{ padding:2px 5px 2px 20px; margin:10px; font:11px Tahoma,"MS Sans Serif"; font:11px Tahoma,"MS Sans Serif"; background-image: url(http://i736.photobucket.com/albums/xx1/harpuia/comment6.jpg);} .textarea, input, select{font:11px MS Sans Serif,"MS Sans Serif";colour:#666666; background-color:#ffffff;filter:Alpha(opacity=20); }

 

นี่คือโค๊ต คอมเมนต์ ของบล๊อค silvermoonlight (จะบอกทำไม - - ก็บล๊อคนี้แหละ) ซึ่งภาพที่ปรากฏของโค๊ดนี้คือ

ซึ่งส่วนที่เราจะแก้ไข มี 2 ส่วนด้วย กัน

form{

padding:2px 5px 2px 20px;

margin:10px;

font:11px Tahoma,"MS Sans Serif";

font:11px Tahoma,"MS Sans Serif";

background-image: url(http://i736.photobucket.com/albums/xx1/harpuia/comment6.jpg);

}

ตัวสีแดง ซึ่งก็คือ ส่วนที่ไว้ใส่รูปภาพ ในส่วนคอมเมนต์ สามารถเปลี่ยน url ของภาพได้ตามต้องการคะ

ส่วนที่2

background-color:#ffffff;filter:Alpha(opacity=20); }

opacity=20 ยิ่งมีค่ามาก ยิ่งเข้มมากคะ แล้วแต่ความชอบ ตามใจได้เลย

ตัวนี้คือตัวกำหนดความเข้มของพวกส่วนประกอบในหน้าคอมเมนต์คะ เช่นส่วนที่ใส่ข้อความ ปุ่มแสดงตัวหนา และ ปุ่มคอมเมนต์คะ (อธิบายไม่ค่อยเก่ง)

หมายเหตุ : ในหน้าคอมเมนต์ของบางคนอาจมีขนาดไม่เท่ากัน ก็ควรปรับความสูง ให้เหมาะสมกับภาพที่เอามาลงด้วยคะ

แจกภาพคอมเมนต์ทำเอง (ส่วนภาพที่เอามาทำสูบมาจากหลายๆที่)