Joomla/Joomla登錄模塊的DIY改造

Joomla | Joomla使用手冊(cè)

本條目主要介紹Joomla登錄模塊的一些個(gè)性化改造的簡(jiǎn)單方法，注意，本文所談?wù)摰牡卿浤K修改指 Joomla! 1.0.13 版本的登錄模塊。

目錄

• 1 具體步驟
• 2 “注冊(cè)”按鈕的修改
• 3 修改“登錄”按鈕
• 4 參考來(lái)源
• 5 Joomla 1.0使用手冊(cè)導(dǎo)航

具體步驟

實(shí)際上登錄模塊在前臺(tái)顯示只占很小一塊地方。它的所有外觀布局都包含在 /modules/mod_login.php 文件中。因此，我們調(diào)整登錄模塊的所有操作實(shí)際上是對(duì)此文件的修改。打開(kāi) /modules/mod_login.php ，可以看到，從第 80 行以 <table> 標(biāo)記開(kāi)始就是登錄模塊的前臺(tái)布局了。

我們看懂這些代碼，就可以自己來(lái)動(dòng)手修改（Hacking）了。

首先，

標(biāo)記提示這是通過(guò)“表格”來(lái)控制的布局； 表示表格中換行； 標(biāo)記內(nèi)的）作以修改，就能實(shí)現(xiàn)“用戶名輸入框與用戶名三個(gè)字在同一行”或者“所有項(xiàng)目都在同一行顯示”的效果。 或許，有些用戶提出更進(jìn)一步的需求：能否將“注冊(cè)”及“登錄”按鈕顯示為圖片？當(dāng)然可以。 請(qǐng)制作好分別用于“注冊(cè)”和“登錄”的按鈕圖片，例如名稱為 register.png 和 login.png，放置于網(wǎng)站當(dāng)前模板的 images 目錄下。

“注冊(cè)”按鈕的修改

將 <?php echo _CREATE_ACCOUNT; ?> 這段代碼替換為：

<?php echo '<img src="'.$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/register.png" alt="Join Us" />'; ?>

這段代碼即可。 如果你的圖片名稱不是 register.png，位置也不是當(dāng)前模板的 images 目錄，那么請(qǐng)根據(jù)實(shí)際情況修改上述代碼。

例如，你可能使用了名為 regnew.jpg 圖片，并放置在網(wǎng)站的 /images/button/ 目錄下，那么上述代碼就必須變?yōu)椋?

<?php echo '<img src="'.$mosConfig_live_site. '/images/button/regnew.jpg" alt="Join Us" />'; ?>

修改“登錄”按鈕

原本的“登錄”按鈕就是一個(gè) <input> 元素，因此我們必須從這里入手。首先將其 type 從 submit 修改為 image，然后插入圖片鏈接即可。即：

將 <input type="submit" name="Submit" class="button" value="<?php echo _BUTTON_LOGIN; ?>" /> 這段代碼修改為：

<?php echo '<input type="image" src="'.$mosConfig_live_site.'/templates/'.$GLOBALS['cur_template'].'/images/login.png" name="Submit" 
class="button" height="" width="" border="0" />'; ?>

如果圖片名稱和位置與本例不同，可根據(jù)前面的變通方法修改。

如果你還需要給登錄模塊增加特定的背景圖片，如本文一開(kāi)始展示的那種圓角圖片，那么就需要修改 mod_login.php 文件中有關(guān)

表示單元格，包含在同一個(gè)

標(biāo)記表示表格中在同一行顯示的并列單元格； 標(biāo)記表示換行； 標(biāo)記表示此處將顯示文字，而這個(gè)文字的定義取自網(wǎng)站當(dāng)前使用的語(yǔ)言文件；<?php echo_ 開(kāi)頭的代碼表示這是提取語(yǔ)言文件中字串；<input> 標(biāo)記提示這里是輸入框或者按鈕，其類(lèi)型根據(jù)該元素的 type 屬性來(lái)判斷；<a> 標(biāo)記代表一個(gè)超級(jí)鏈接。如果懂得 HTML 語(yǔ)言，那么這些一眼就能看懂。 例如，下面這段代碼代表的就是登錄模塊上“用戶名：”這個(gè)字串： <label for="mod_login_username"> <?php echo _USERNAME; ?> 如果將這一段代碼刪除或者注釋掉（comment out），則前臺(tái)就不會(huì)顯示“用戶名：”這個(gè)字串。 同理，如果將這段代碼后面的 標(biāo)記刪除或者屏蔽，那么前臺(tái)的用戶名輸入框就會(huì)直接跟在“用戶名：”后面而不是顯示在下一行。 假如你對(duì)照前臺(tái)猜測(cè)一下，很快就知道這些代碼所表示的內(nèi)容： 就這么簡(jiǎn)單。如果你想改變布局，可以對(duì)表格中的換行標(biāo)記（ 及

或者

標(biāo)記，給其增加背景圖片屬性。如果修改不夠方便，可以將 用 重新編寫(xiě)，用不同 ID 來(lái)區(qū)分多個(gè) ，然后在模板文件的 css/template_css.css 文件中指定每一個(gè) 的背景圖片。 參考來(lái)源 http://www.joomlagate.com/article/joomla10-tutorial/diy-joomla-login-form-for-vertical-or-horizontal-module-layout/ Joomla 1.0使用手冊(cè)導(dǎo)航 Joomla安裝： Joomla!的安裝 Joomla 1.0教程： 讓網(wǎng)站自動(dòng)適應(yīng)掌上電腦閱讀版面 | MosIf的使用 | Joomla登錄模塊的DIY改造| 用下拉式頁(yè)面跳轉(zhuǎn)替換Joomla跳轉(zhuǎn)列表 | configuration.php文件操作 | 用blog形式做簡(jiǎn)單的產(chǎn)品展示 | 將DreamHost的mysql數(shù)據(jù)導(dǎo)入及導(dǎo)出的問(wèn)題 | 給頁(yè)面頂端添加ActiveX Infobar | 用JA Transmenu模塊做多級(jí)彈出菜單 | 用橋接器整合開(kāi)源Gallery2圖庫(kù)到Joomla | 用CB Profile Gallery搭建交友網(wǎng)站的會(huì)員相冊(cè) | 在網(wǎng)頁(yè)中插入Google Map地圖 | VM中產(chǎn)品詳情只顯示大圖的實(shí)現(xiàn) | Joomla!擴(kuò)展（組件、模塊、觸發(fā)器）的漢化 | Joomla! Pack的使用 | 應(yīng)用JSMF橋接器在Joomla!上安裝SMF論壇 | Advanced Flash Mp3 Player播放器模塊用法 | Joomla/Allvideos Plugin 引用視頻、音頻的方法|geshibot使用詳解 | 表格式模板列寬度自動(dòng)擴(kuò)展的實(shí)現(xiàn) | Joomla! Tkit使用詳解 | Community Builder 1.0.2 的安裝方法 | 利用CSS給文章標(biāo)題添加圖片 | 如何選擇合適的下載組件 | 讓Joomla支持flash格式的banner 其他Joomla教程： 用XAMPP快速搭建Joomla本地測(cè)試服務(wù)器 | 用Gmail的SMTP發(fā)送Joomla激活及通知郵件 | 深入認(rèn)識(shí)Joomla CMS：擴(kuò)展、菜單及模板 | Joomla 1.5教程 | Joomla高級(jí)教程 | Joomla! SEO教程