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