อยากจะใส่ bullet ในรายการของ side bar menu เป็นรูปของเราเองน่ะค่ะ

ไม่ทราบว่าจะทำได้มั้ยคะ

คือตรง side bar menu ตอนนี้ แต่ละรายการมันจะไม่มี bullet ใช่มั้ยคะ มันเลยอ่านยากน่ะค่ะ

ถ้าใช้ default ของ exteen มันก็จะเป็นจุดธรรมดา แบบนี้ใช่มั้ยคะ

ถ้าอยากจะเปลี่ยนเป็นรูปที่เรากำหนดเอง จะได้มั้ยคะ

เคยลองมั่วๆกับโค้ดอยู่ซักพัก มันจะได้แค่รายการบนสุดอ่ะค่ะ อันล่างจะไม่ขึ้น

(ลองใส่เป็น background image แบบ no -repeat น่ะค่ะ)

ถ้าใครพอทราบ รบกวนบอกหน่อยนะคะ

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

tsubaslave on 07 Nov 2007 (21:06)

» 188 Reads

อืมมม... ลองดูตรง

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

}

ให้คอมเมนต์ list-style:none; ออก แล้วเพิ่มโค้ดแบบข้างล่างน่ะค่ะ

#sidebar .module ul, #sidebar2 .module ul{
    margin:5px 0px 0px 5px;
    padding:0;
    /*list-style: none;*/
    list-style-image: url(<url ของรูปภาพ>);
    list-style-position: inside;
}

แต่วิธีนี้ทุกรายการใน sidebar ก็จะมีหัวข้อเป็นรูปที่กำหนดหมดเลยนะคะ ไม่รู้ใช่แบบที่ต้องการรึป่าว ลองดูนะคะ

เจนเนสซ่า on 10 Nov 2007 (16:34)

#1

ของผมใช้แบบนี้อยู่น่ะ

#sidebar .module li{
list-style-type: none;
margin:0px 2px 0px 2px;
padding:2px 2px 2px 19px;
background: url(http://ratatosk.exteen.com/images/MyTheme/BD14579_.GIF) no-repeat left center;
color: #eeeeee;
font:12px "MS Sans Serif";
line-height:1em;
border-bottom:1px solid #ffffff;
}