CssNameA、 CssName1和 CssName2自定義CSS參數(shù)使用實(shí)例(2)_動(dòng)易Cms教程

      編輯Tag賺U幣
      教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
      前臺(tái)網(wǎng)頁(yè)代碼:
      <!--本站最新文章代碼開(kāi)始-->
      <table cellSpacing=0 cellPadding=0 <tr>
      <td class=main_title_575><A class=class href="/Article/ShowNew.asp"><B>本站最新文章</B></A></td>
      </tr>
      <tr>
      <td class=main_tdbg_575 vAlign=top <table cellpadding="0" cellspacing="0"><tr><td valign="top" class=""><img src="/Article/images/article_ontop7.gif"> <a class="" href="/Article/ShowArticle.asp?ArticleID=3241" title="[上海]都只要2000 三星飛利浦對(duì)轟17英寸液晶" target="_blank">[上海]都只要2000 三星飛利</a> (3月27日)<br /></td><td valign="top" class=""><img src="/Article/images/article_elite7.gif"> <a class="" href="/Article/ShowArticle.asp?ArticleID=3270" title="Web2.0--新一波互聯(lián)網(wǎng)大潮的到來(lái)" target="_blank">Web2.0--新一波互聯(lián)網(wǎng)大</a> (4月12日)<br /></td></tr>……

        從前臺(tái)網(wǎng)頁(yè)代碼中可以看出,在首頁(yè)模板中文章列表并沒(méi)有受任何CSS樣式控制。

      2.添加風(fēng)格樣式定義

        依次點(diǎn)擊“系統(tǒng)設(shè)置”->“網(wǎng)站風(fēng)格治理”,修改后臺(tái)網(wǎng)站風(fēng)格,添加以下自己定義的CSS樣式定義代碼:

      CSS定義:
      /* ******LinkA表示首頁(yè)最新文章中帶有鏈接的文字的風(fēng)格樣式,帶下劃線(xiàn)****** */
      a.LinkA:link {color: #0000ff;text-decoration: underline;}
      a.LinkA:visited {color: blue;text-decoration: underline;}
      a.LinkA:hover{color: #ff0000;text-decoration: underline;}
      a.LinkA:active {color: blue;text-decoration: underline;}

      /* ******首頁(yè)最新文章中間隔各行的風(fēng)格樣式,分奇數(shù)行與偶數(shù)行****** */
      .LinkAbg01 /* --奇數(shù)行文章列表內(nèi)容間隔顏色的定義1-- */
      {
      background:#E3F0FB;color:#F500D0;
      }
      .LinkAbg02 /* --偶數(shù)行欄目文章列表內(nèi)容間隔顏色的定義2-- */
      {
      background:#F6FAFE;color:#ff0000;
      }

        請(qǐng)注重:在模板中調(diào)用參數(shù)時(shí)要注重設(shè)置ShowType參數(shù) -----顯示方式(1為普通樣式,2為表格式,3為各項(xiàng)獨(dú)立式,4為智能多列式,5為輸出DIV,6為輸出RSS )。在網(wǎng)頁(yè)代碼中添加的CssNameA、 CssName1和 CssName2這三個(gè)自定義CSS控制參數(shù)時(shí),設(shè)置不同的顯示方式(ShowType)參數(shù)其效果不同,這三個(gè)自定義CSS在表格式的顯示方式下效果最好。

      3.添加CssNameA、 CssName1 CssName2這三個(gè)自定義CSS控制參數(shù)

        在風(fēng)格中添加好a.LinkA.LinkAbg01和.LinkAbg02這三個(gè)自定義CSS風(fēng)格后,可以修改模板中的文章列表標(biāo)簽({$GetArticleList(參數(shù)列表)}),在標(biāo)簽中添加上這三個(gè)自定義CSS風(fēng)格的控制參數(shù)。

      修改一:顯示方式為2(表格式)

      查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板

      來(lái)源:模板無(wú)憂(yōu)//所屬分類(lèi):動(dòng)易Cms教程/更新時(shí)間:2006-07-28
      相關(guān)動(dòng)易Cms教程