1.   ใน CSS, หาคำว่า #sidebar .module ul, #sidebar2 .module ul ค่ะ  จะเห็นโค้ดข้างล่างค่ะ

#sidebar .module ul, #sidebar2 .module ul {
     margin:5px 0px 0px 5px;
     padding:0;
     list-style: none;
}


2.  ให้คอมเมนต์ list-style:none; ออกค่ะ แล้วเพิ่ม list-style-type, list-style-position เข้าไป ดังโค้ดข้างล่างค่ะ

#sidebar .module ul, #sidebar2 .module ul {
     margin:5px 0px 0px 5px;
     padding:0;
     /*list-style: none;*/
     list-style-type: square;
     list-style-position: inside;

}

 

list-style-type  -  กำหนด style ของหัวข้อว่าจะให้เป็นแบบไหน มีให้เลือกมากมาย เช่น disc, circle, square หรือ decimal ดูค่าที่เราสามารถใช้ได้ทั้งหมดได้ที่นี่ค่ะ http://www.w3schools.com/Css/css_reference.asp#list

list-style-position -  สามารถใส่เป็น inside หรือ outside ค่ะ  ทดลองเปลี่ยนดูค่ะ ว่ามันต่างกันยังไง

 

 

3.  แต่ถ้าอยากใช้รูปภาพเป็นไอคอน ให้เพิ่ม list-style-image เข้าไป ดังข้างล่างค่ะ

#sidebar .module ul, #sidebar2 .module ul {
      margin:5px 0px 0px 5px;
      padding:0;
      /*list-style: none;*/
      list-style-image: url(http://jennessa.exteen.com/images/flower.gif);
     
list-style-position: inside;
}

 

 

4.  แก้ CSS แล้ว อย่าลืมกดปุ่ม Save ตรงมุมขวาล่างค่ะ

Comment

Comment:

Tweet

ขอบคุณค่ะbig smile

#12 By jiggie on 2013-03-23 09:48

ขอบคุณจ้า

#11 By ◘ Rinshinwa on 2012-03-09 11:47

เหมือนของคุณJennessaเลยนะ

#10 By \'w\' (58.9.239.62) on 2011-11-24 10:04

Thk jabig smile

#9 By Kuroyama on 2011-11-17 18:12

copy เจนเนสซ่ามาหลายเอนทรีเลยนะคะ แย่จริง ๆ

#8 By เจนเนสซ่า on 2011-06-08 10:28

ขอบคุนจ้า

#7 By Zelonnate on 2011-05-12 10:28

ขอบคุณค่ะ ^^

#6 By sinc sinc on 2010-12-28 02:03

Thx ครับ

#5 By KazeKunz on 2010-05-02 13:24

ขอบคุณมากค่ะ

#4 By แม่ยกฮุเนะ on 2010-04-14 14:39

ขอบคุนมากนะคะ
มียืมวิธีไปทำบล็อคเเล้วค่ะ
: )

#3 By ❥    OиΣ    on 2010-03-20 15:44

ขอบคุณมากค่า confused smile

#2 By Aijoong...kiss on 2010-01-16 13:42

ขอบคุณค่ะ

#1 By :_[fuijmoto]_: on 2009-11-22 22:24