1. 程式人生 > >{$ShowChannel}動易頻道顯示標籤的字型顏色在哪裡改....

{$ShowChannel}動易頻道顯示標籤的字型顏色在哪裡改....

●文章列表標籤GetArticleList中增加連結文字和表格間隔背景的自定義CSS控制引數。
  文章的列表標籤GetArticleList增加CssNameA、CssName1、CssName2三個可選的風格引數,用以控制連結文字、奇數表格行背景、偶數表格行背景。利用這三個新引數,您可以自定義任意定義任何一個您所呼叫的文章列表標籤中的文字與表格樣式。
如:
{$GetArticleList(1,0,True,0,True,15,False,False,"",0,3,2,38,0,False,1,True,False,3,False,False,False,False,False,True,0,0,aaa,bbb,ccc)}
請注意以上紅色的4個引數:
'26  Cols ----每行顯示標題的的列數,超過此列數標題就換行。可預設引數。在填寫了後面的可預設引數時,本引數不能預設。
'27  CssNameA ----自定義列表標籤中連結文字風格設定。在後颱風格中的定義為a.***。
例:
/* 自定義列表標籤連結文字顏色定義 */
a.aaa{text-decoration: underline;}
a.aaa:link {color: blue;FONT-SIZE: 12pt;}
a.aaa:visited {color: blue;FONT-SIZE: 12pt;}
a.aaa:hover{color: blue;FONT-SIZE: 12pt;}
a.aaa:active {color: blue;FONT-SIZE: 12pt;}
'28  CssName1 ----自定義列表標籤中奇數表格行背景。
例:
.bbb /* --自定義列表標籤中奇數表格行背景顏色定義-- */
{
background:#ff0000;height: 22;font-size:12pt;color: blue;
}
  2、CSS控制引數的使用說明:

  (1)自定義更改有連結的文字樣式:

  以前我們無法更改文章列表標籤GetArticleList中的文字的大小,即使要改,也是更改整個網站的風格中“a”的CSS定義。
  我們知道,在CSS中是用4個偽類來定義定義有連結的文字,分別是:a:link、a:visited、a:hover和a : active(這4個偽類分別定義了"連結、已訪問過的連結、滑鼠停在上方時、點下滑鼠時"的樣式。注意,必須按以上順序寫,否則顯示可能和你預想的不一樣。記住它們的順序是“LVHA”。),這個控制了整個網站中有連結的文字效果。
  如果要單獨定義與不同的有連結的文字的樣式,在風格中需要單獨新增“a.***”的CSS定義,如在風格定義中增加下面的定義:
/* 自定義列表標籤連結文字顏色定義 */
a.aaa{text-decoration: underline;}
a.aaa:link {color: blue;FONT-SIZE: 12pt;}
a.aaa:visited {color: blue;FONT-SIZE: 12pt;}
a.aaa:hover{color: blue;FONT-SIZE: 12pt;}
a.aaa:active {color: blue;FONT-SIZE: 12pt;}
  然後在您所要呼叫的地方呼叫這個風格名“aaa”。請注意,這個呼叫必須是放在連結程式碼<A>中的。如:<A class=aaa>。
  SP1在文章列表標籤GetArticleList中增加了自定義CSS控制引數CssNameA,以專門控制文章列表標籤中所需要單獨顯示的連結文字的樣式,這個引數是個變數引數,也就是隻要在後颱風格管理中加上定義,就可在GetArticleList標籤中呼叫您定義的風格名稱。
  具體的操作方法:
  a) 新增自定義定義:進入系統後臺,請依次單擊[系統設定]-[網站風格管理]-[修改風格],在“風格配色設定”內容框中加上鍊接定義,如上面例舉的。新增完成後單擊頁面底部[儲存修改結果]按鈕,以儲存所做的修改。
  b) 修改列表標籤引數:以修改“網站首頁模板”為例,請依次單擊[系統設定]-[網站通用模板管理]-[修改模板],修改模板中文章列表標籤GetArticleList中的引數,如{$GetArticleList(1,0,True,0,True,15,False,False,"",0,3,2,38,0,False,1,True,False,3,False,False,False,False,False,True,0,0,aaa)}。修改完成後單擊頁面底部[儲存修改結果]按鈕,以儲存所做的修改。如果您開啟了生成HTML功能,則會自動生成相關頁面。
  請注意,在填寫了CssNameA這個可預設引數時,原Cols 可預設引數( Cols ----每行顯示標題的的列數,超過此列數標題就換行)就不能預設。
  c) 在前臺頁面中重新整理一下,則可看到修改結果。本例將在修改過的文章列表的顯示中,有連結的文字將顯示顯示藍色、有下劃線、12pt的文字樣式。

  (2)自定義日期文字樣式與表格間隔背景:

  如果您在GetArticleList標籤中顯示了日期,現在您看到的列表是文章後面的日期可能是黑色。前面已經說了,日期的顏色以前是在元件中固定成灰色,所以不能更改。現在您可以利用CssName1、CssName2這二個可選的風格引數,用以控制無連結文字的樣式、奇數表格行背景、偶數表格行背景。
  CssNameA這個可選擇風格引數只控制有連結文字的樣式,而無連結文字的樣式則交給CssName1、CssName2這二個可選的風格引數來進行。
  具體的操作方法:
  a) 新增自定義定義:進入系統後臺,請依次單擊[系統設定]-[網站風格管理]-[修改風格],在“風格配色設定”內容框中加上鍊接定義,如:
.bbb /* --自定義列表標籤中奇數表格行背景顏色定義-- */
{
background:#ff0000;height: 22;font-size:12pt;color: blue;
}
.ccc /* --自定義列表標籤中奇數表格行背景顏色定義-- */
{
background:#0000ff;height: 22;font-size:12pt;color: blue;
}
  如果在這個定義中定義了文字顏色(color:),則列表標籤中無連結的文字的顏色都會受此控制,如日期、子欄目名前後的“[]”。
  新增完成後單擊頁面底部[儲存修改結果]按鈕,以儲存所做的修改。
  請注意,在填寫了CssName1這個可預設引數時,原Cols 和CssNameA可預設引數就不能預設。如果填寫了CssName2這個可預設引數時,原Cols 、CssNameA和CssName2可預設引數就不能預設。
  b) 在前臺頁面中重新整理一下,則可看到修改結果。本例將在修改過的文章列表的顯示中,無連結的文字(包括日期、子欄目名前後的“[]”與其它無連結的文字)將顯示顯示藍色、12pt的文字樣式。奇數表格行背景、偶數表格行背景將顯示紅色、藍色間隔背景。
  !本功能也可以設定文章列表的行間距。

  (2)自定義最新文章後日期文字樣式:

  最新文章後日期文字的顏色為紅色,其文字大小受CssName1、CssName2這二個可選的風格引數控制。如果要更改最新文章後日期文字的顏色,請在語言包中更改。
  具體的操作方法:
  a) 開啟語言包檔案:開啟網站目錄找到language/gb2312.xml這個檔案,用記事本開啟這個檔案,找到ARTICLELIST定義中的UPDATETIMECOLOR_NEW中的“color=red”,將color=red改成您想要的顏色定義,如color=#0000ff。
  b) 修改完成後儲存這個檔案,並上傳到空間的相應目錄中。