最近有網友詢問,如何在首頁把最新留言標題前的的小圓點換成其他式樣。其實這里的小圓點是用了“li”這一個列表項目HTML代碼,這個代碼可以在后臺風格治理中定義成其它各種樣式,如實心圓、阿拉伯數字、圖像等。假如您要更改默認的小圓點效果,請進入系統后臺,在[系統設置]-[網站風格治理]中,添加以下風格定義:
li
{
list-style-image: url(Skin/blue/j32.gif);
}
li的這個定義是將列表項目使用圖片來顯示的小圓點。當然您也可以顯示成其它效果,具體請參閱下面的定義:
/* 列表項目效果的CSS定義
*list-style-type: circle; 列表項目樣式
disc : CSS1 實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯數字
lower-roman : CSS1 小寫羅馬數字
upper-roman : CSS1 大寫羅馬數字
lower-alpha : CSS1 小寫英文字母
upper-alpha : CSS1 大寫英文字母
none : CSS1 不使用項目符號
armenian : CSS2 傳統的亞美尼亞數字
cjk-ideographic : CSS2 淺白的表意數字
georgian : CSS2 傳統的喬治數字
lower-greek : CSS2 基本的希臘小寫字母
hebrew : CSS2 傳統的希伯萊數字
hiragana : CSS2 日文平假名字符
hiragana-iroha : CSS2 日文平假名序
katakana : CSS2 日文片假名字符
katakana-iroha : CSS2 日文片假名序號
lower-latin : CSS2 小寫拉丁字母
upper-latin : CSS2 大寫拉丁字母
*list-style-image: url(Skin/sg_blue/li1.gif); 用圖像代替列表項目
*list-style-position : outside | inside
outside : 列表項目標記放置在文本以外,且環繞文本不根據標記對齊
inside : 列表項目標記放置在文本以內,且環繞文本根據標記對齊
*/
li
{
list-style-image: url(Skin/blue/j32.gif);
}
在HTML代碼中,還有一些非凡的如水平條hr,也可以在風格治理中加上定義,以更改其默認的顯示效果:
/* 水平條效果的CSS定義
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;height:1;width:100%;align:left;color:#86BCD4;Shade:no; 水平條虛線效果定義一
border:1px dashed #86BCD4; height: 1; 水平條虛線效果定義二
align: center;width: 100%;height: 1;color: #86BCD4;Shade:no;SIZE=1; 水平條實線無陰影效果定義
*/
hr
{
border:1px dashed #86BCD4; height:1;
}
/* 欄目導航發光陰影效果的CSS定義,調用代碼為*** */
.Glow
{
FILTER: Glow(Color=0733B2, Strength=1) dropshadow(Color=0733B2, OffX=1, OffY=1,); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 20px
}
說 明:在《動易網站治理系統》中,CSS樣式風格定義是可以自己自由定義的,也說是說您可以自由添加N多個自定義的風格,然后在各頻道的版式模板中調用就行了。下面提供的是系統默認提供的CSS樣式風格定義,里面有具體的定義注釋,注釋標記為:/* ...... */。
友情提醒:修改風格設置必須具備一定網頁css樣式設計知識,建議您找些這方面的書看一下,在定義中也不能使用單引號或雙引號,否則會輕易造成程序錯誤。
|
新聞熱點
疑難解答
圖片精選