怎樣修改登錄按鈕為圖片方式_動易Cms教程

問題：如何修改前臺登錄框處的登錄按扭為圖片方式的按鈕？

　　更改為，后面一個是一張圖片

解決：我們可以先到后臺模板管理里去查看模板代碼，看看登錄處的調用代碼是什么，通常是一標簽，下面均以系統默認頁面、代碼為示例

　　比如文章首頁，在模板里可以看到是這樣的代碼：{PE.Label id="文章節點左側" /} ，我們到標簽管理里搜索這個標簽“文章節點左側”，然后點擊修改，直接跳到“標簽內容編輯”，就會發現里面的代碼繼續含有標簽調用

　<div id="main_left"> {PE.Label id="用戶登錄" /}
      <div class="left_box">
        <dl>
          <dt>欄目導航</dt>
          <dd><ul> {PE.Label id="欄目分類" nodeId="@RequestInt_id" /} </ul></dd>
        </dl>
      </div>
　........................

上面這段代碼處的第一行調用的標簽就是前臺顯示出的用戶登錄的源標簽代碼，我們繼續查找這個標簽“用戶登錄”，同樣點擊修改，直接跳到“標簽內容編輯”，我們會再次發現還套用了一個標簽：

　 <div class="user_box">
        <dl>
          <dt>用戶信息中心</dt>
          <dd>
　　{PE.Label id="Ajax用戶登錄" /}
    </dd>
        </dl>
      </div>

 

　繼續修改“Ajax用戶登錄”標簽，在“標簽內容編輯”處，可以看到完整的登錄代碼，直接找到“登錄”按鈕處的設置代碼

　<input type="submit" name="BtnLogOn" value="登錄" id="BtnLogOn" onclick="Login();" class="inputbutton" />

 

這樣我們可以進行替換了，對原代碼只要修改兩處即可，其它的不用動

　1、改 type="submit"  為 type="image" 　表示為圖片按鈕

　2、補充圖片源地址設置，即加上　src="......."

 

整體代碼如下

　<input type="image" src="這里輸入圖片地址" name="BtnLogOn" value="登錄" id="BtnLogOn" onclick="Login();" class="inputbutton" />

 

查看更多 動易Cms教程  動易Cms模板