用Dreamweaver 打開(kāi)dede文件的index.htm模板頁(yè)面,首先講一下怎么看模板的css。
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
在index.htm里第八行里就是這一句,通過(guò)這句話大家可以看到一個(gè)css路徑,也就是在\templets\style這個(gè)文件下的所有文件都是dede默認(rèn)模板的css文件,而index.htm的css就是dedecms。
打開(kāi)這個(gè)css文件后大家會(huì)看到
@import url("layout.css");
@import url("page.css");
這兩句話
這兩句的意思就是dedecms.css這個(gè)css文件還引用了
layout.css和page.css這2個(gè)css
通過(guò)查看dedecms.css文件大家可以發(fā)現(xiàn)這個(gè)css主要控制的是所有模板文件的頭部和尾部以及所有css的全局設(shè)計(jì)
大家找到/*---------- base ---------*/這句下面一直到/*---------- frame ---------*/這里基本上都是全局css
下面的透過(guò)看單詞就明白是header和foot的css
也就是模板的頭尾部css
關(guān)于page和layout這兩個(gè)css是關(guān)于列表部分css、翻頁(yè)css、以及一些通用的css,大家可以通過(guò)查看css了解一下
下面大家打開(kāi)head.htm模板文件
dede的前臺(tái)模板在\templets\default文件夾下
下面根據(jù)默認(rèn)模板簡(jiǎn)單講解一下css的對(duì)應(yīng)關(guān)系和部分標(biāo)簽的基礎(chǔ)應(yīng)用
首先大家打開(kāi)head.htm后會(huì)看到<div class="header">這句話
那么其中的header就是一個(gè)定義為header的css
那我們可以復(fù)制header,然后再dedecms.css
里用Ctrl+f來(lái)查找有關(guān)header的所有css定義
其它c(diǎn)ss的查找同樣,如果你在某個(gè)css文件中找不到相應(yīng)的css那么就在其他幾個(gè)css文件中查找,然后修改
至于具體怎么修改css就不再本次講解之內(nèi)了,有關(guān)css的學(xué)習(xí)在網(wǎng)上有很多教程
在這里只是簡(jiǎn)單說(shuō)明一下css的查找和應(yīng)用
下面講解一些標(biāo)簽的應(yīng)用
我會(huì)通過(guò)實(shí)例來(lái)和大家分享
【呵呵,css的知識(shí)范圍太廣了,不是一兩句話就可以說(shuō)清楚的,如果大家在學(xué)習(xí)的過(guò)程有什么不明白的地方可以在另一個(gè)群(83086030)里討論?!?/p>
打開(kāi)index.htm文件,刪除body里的所有內(nèi)容。
首先說(shuō)一下arclist即文檔列表標(biāo)簽,這個(gè)標(biāo)簽在模板當(dāng)中應(yīng)用是最廣也是最基本的標(biāo)簽,熟悉這個(gè)標(biāo)簽后只要學(xué)會(huì)變通,基本可以學(xué)會(huì)dede的所有標(biāo)簽應(yīng)用。
arclist這個(gè)標(biāo)簽是全局標(biāo)簽,也就是說(shuō)這個(gè)標(biāo)簽基本上在任何模板都可以使用,當(dāng)然不包括一些特殊模板。
如search.htm這個(gè)模板貌似就不能用
arclist標(biāo)簽的基本結(jié)構(gòu):
{dede:arclist}
<a href='[field:arcurl/]'>[field:title/]</a>
{/dede:arclist}
首先dede大部分的標(biāo)簽html語(yǔ)言一樣,都是需要閉合的。
{dede:arclist}
{/dede:arclist}
也就是必須要有這2個(gè)部分組成
然后再中間插入,如:<a href='[field:arcurl/]'>[field:title/]</a>這樣的標(biāo)題標(biāo)簽
(dede的標(biāo)簽除了channelartlist標(biāo)簽是可以嵌套的之外,其它標(biāo)簽都不可以嵌套的)
大家在后臺(tái)添加好文章后,在剛打開(kāi)的index.htm模板里輸入{dede:arclist}
<a href='[field:arcurl/]'>[field:title/]</a>
{/dede:arclist}
并保存
然后打開(kāi)首頁(yè)就會(huì)看到前臺(tái)頁(yè)面中已經(jīng)輸出了幾個(gè)標(biāo)題(默認(rèn)是10個(gè)標(biāo)題)
版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請(qǐng)注明: DedeCMS中Arclist標(biāo)簽的基本應(yīng)用教程