問(wèn)題:如何修改前臺(tái)登錄框處的登錄按扭為圖片方式的按鈕?
更改為
,后面一個(gè)是一張圖片
解決:我們可以先到后臺(tái)模板管理里去查看模板代碼,看看登錄處的調(diào)用代碼是什么,通常是一標(biāo)簽,下面均以系統(tǒng)默認(rèn)頁(yè)面、代碼為示例
比如文章首頁(yè),在模板里可以看到是這樣的代碼:{PE.Label id="文章節(jié)點(diǎn)左側(cè)" /} ,我們到標(biāo)簽管理里搜索這個(gè)標(biāo)簽“文章節(jié)點(diǎn)左側(cè)”,然后點(diǎn)擊修改,直接跳到“標(biāo)簽內(nèi)容編輯”,就會(huì)發(fā)現(xiàn)里面的代碼繼續(xù)含有標(biāo)簽調(diào)用
<div id="main_left"> {PE.Label id="用戶登錄" /}
<div class="left_box">
<dl>
<dt>欄目導(dǎo)航</dt>
<dd><ul> {PE.Label id="欄目分類" nodeId="@RequestInt_id" /} </ul></dd>
</dl>
</div>
........................
上面這段代碼處的第一行調(diào)用的標(biāo)簽就是前臺(tái)顯示出的用戶登錄的源標(biāo)簽代碼,我們繼續(xù)查找這個(gè)標(biāo)簽“用戶登錄”,同樣點(diǎn)擊修改,直接跳到“標(biāo)簽內(nèi)容編輯”,我們會(huì)再次發(fā)現(xiàn)還套用了一個(gè)標(biāo)簽:
<div class="user_box">
<dl>
<dt>用戶信息中心</dt>
<dd>
{PE.Label id="Ajax用戶登錄" /}
</dd>
</dl>
</div>
繼續(xù)修改“Ajax用戶登錄”標(biāo)簽,在“標(biāo)簽內(nèi)容編輯”處,可以看到完整的登錄代碼,直接找到“登錄”按鈕處的設(shè)置代碼
<input type="submit" name="BtnLogOn" value="登錄" id="BtnLogOn" onclick="Login();" class="inputbutton" />
這樣我們可以進(jìn)行替換了,對(duì)原代碼只要修改兩處即可,其它的不用動(dòng)
1、改 type="submit" 為 type="image" 表示為圖片按鈕
2、補(bǔ)充圖片源地址設(shè)置,即加上 src="......."
整體代碼如下
<input type="image" src="這里輸入圖片地址" name="BtnLogOn" value="登錄" id="BtnLogOn" onclick="Login();" class="inputbutton" />
新聞熱點(diǎn)
疑難解答
圖片精選