接著提高教程(一)http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=12986&page=1往下做網(wǎng)站主體部分。
一、新聞動(dòng)態(tài)欄目的效果貼圖:此主題相關(guān)圖片如下:
1、模板編輯窗口,在顯示幻燈片位置從“選擇系統(tǒng)函數(shù)標(biāo)簽”下拉列表中選擇“{LB_首頁幻燈片文章}”,點(diǎn)[插入標(biāo)簽]按鈕。
2、要想顯示出幻燈片文章,前提是添加了兩個(gè)以上的圖片文章,文章都有一個(gè)縮覽圖,并且在文章屬性中勾選了“幻燈”屬性。假如在添加文章時(shí)沒有做到這一點(diǎn),可以返回去選定該文章后重新進(jìn)行所要的設(shè)置。
3、保存模板,發(fā)布首頁,刷新前臺(tái)看一下幻燈片效果。
4、根據(jù)效果來修改“首頁幻燈片文章”標(biāo)簽的參數(shù):點(diǎn)[模板標(biāo)簽]――雙擊“官方自帶標(biāo)簽”,再雙擊“首頁標(biāo)簽”――右擊“首頁幻燈片文章”選“編輯”命令――在出現(xiàn)的修改窗口對(duì)話框中修改參數(shù)。重點(diǎn)是修改“圖片大小”的寬高值,“類型”選“Flash幻燈片”,“標(biāo)題樣式”中填“flashbt”。點(diǎn)[發(fā)布首頁]查看一下前臺(tái)效果。要達(dá)到滿足效果可能要經(jīng)過反復(fù)“修改參數(shù)、查看前臺(tái)”的操作,直到圖片高、寬達(dá)到要求。
5、在CSS樣式文件中定義.flashbt,內(nèi)容為:{background:#c5e2f0;}。結(jié)果幻燈片的標(biāo)題還是老樣子,背景改成transparent,也沒有變化。有待進(jìn)一步研究原因,也可能是系統(tǒng)的一個(gè)bug,因?yàn)榘褬?biāo)簽的幻燈類型改成“普通幻燈片”時(shí),在.flashbt設(shè)定寬、高、背景等參數(shù)都會(huì)起作用。
6、參見前面入門教程中創(chuàng)建標(biāo)簽的方法創(chuàng)建一個(gè)“欄目文章列表標(biāo)簽”類型的“新聞動(dòng)態(tài)”標(biāo)簽――在模板要顯示新聞動(dòng)態(tài)標(biāo)題列表位置從“選擇系統(tǒng)函數(shù)標(biāo)簽”下拉列表中插入該標(biāo)簽。[發(fā)布首頁]后看一下效果,可以回過頭來右擊該標(biāo)簽選擇“編輯”,調(diào)整參數(shù):“文章數(shù)量”值用8;“文章行距”值用19;“鏈接目標(biāo)”選“_blank”;“附加顯示”中勾選“圖文標(biāo)志”和“最新文章標(biāo)志”;“導(dǎo)航類型”選“圖片導(dǎo)航”,從[選擇圖片]中選擇“arrow_list.gif”(大家可以搜集一些好的列表圖片保存在/UpFiles中命名arrow_list1、arrow_list2……供選擇用);更多鏈接為空,我個(gè)人喜歡把更多鏈接放在欄目右上角,后面再講手工添加方法;“分隔圖片”從[選擇圖片]中選擇“l(fā)ine2.gif”(大家可以搜集更多顏色分隔圖片保存在/UpFiles中命名Line5、Line6……供選擇用。這里說明一下:我用photoshop把系統(tǒng)默認(rèn)的分隔圖片中白色部分做成了透明);選擇一種“日期格式”并“右對(duì)齊”。
7、[發(fā)布首頁]、刷新前臺(tái)看效果、修改標(biāo)簽參數(shù)甚至要修改模板和CSS中的文件、再刷新前臺(tái)……這是經(jīng)常要做的事,下面就不這樣重復(fù)說這個(gè)編輯、查看、修改的步驟了。
8、在欄目右上角位置插入“更多”圖片并填上鏈接,即插入這樣一段代碼:<a href="/Html/fcpd/w2/index.html" target="_blank"><img src="/image/more.gif"></a>(其中fcpd是“新聞動(dòng)態(tài)”所在的頻道;w2是我命名的該欄目名稱,大家可以返回到該欄目中查看其英文名稱;/image/more.gif是更多鏈接圖片的位置和名稱)。
欄目標(biāo)題列表發(fā)現(xiàn)的問題:
新聞熱點(diǎn)
疑難解答