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教程：