無憂主機(jī)小編又來給大家做php空間有關(guān)的教程了~作為處女座的小編，最美妙的時(shí)刻就是美化自己網(wǎng)站了，把那么一點(diǎn)點(diǎn)不順眼的東西變的規(guī)整是最美好的！在宏博CMS中，很多朋友也會(huì)像小編一樣，想美化一下前臺表單的外觀，也就是表單的模板，前臺表單的地址是： http://域名/hbcms/user/add_my_form.php?tb=表單模型變量名，這是默認(rèn)的。程序會(huì)自動(dòng)檢測網(wǎng)站使用的模板目錄里是否有user_add_my_form_表單模型變量名.tpl.html 這個(gè)模板文件，要是有這個(gè)模板文件，那么程序就直接顯示此模板文件的內(nèi)容。如果沒有，程序就會(huì)自動(dòng)讀取會(huì)員的默認(rèn)模板user_index.tpl.html。那么如何對自動(dòng)生成的表單進(jìn)行外觀美化呢？ 比如修改顏色，修改錄入框的布局和位置，增加javascript特效等。 方法不難，剛剛小編提到了前臺的表單都會(huì)讀取user_add_my_form_表單模型變量名.tpl.html這個(gè)模板文件，所以可以將默認(rèn)產(chǎn)生的表單源代碼復(fù)制，粘貼到 user_add_my_form_表單模型變量名.tpl.html 這個(gè)模板文件中去，然后對源代碼直接進(jìn)行修改和美化。步驟如下： 1、首先在后臺制定好表單的所有字段，預(yù)覽前臺的錄入表單頁面看效果，直到基本滿意為止。 2、查看前臺的錄入表單頁面的源代碼，將表單部分全部復(fù)制。 3、在現(xiàn)有的模板目錄，創(chuàng)建一個(gè)模板文件 user_add_my_form_表單模型變量名.tpl.html小編建議直接復(fù)制user_index.tpl.html，重命名即可。然后將剛才復(fù)制的表單源代碼粘貼到合適的位置。最后刪除模板文件里的 <{$data_ary.user_panel.body}> 字符串。 4、對模板文件里的表單源代碼進(jìn)行修改和美化，如調(diào)整位置，布局，可以一行并列排放多個(gè)錄入框、加入更多的css變量來控制外觀、加入更多的javascript來控制表單驗(yàn)證和其他特效。 5、完成了，預(yù)覽看效果吧！ 希望可以幫助到各位站長朋友！ 無憂主機(jī)相關(guān)文章推薦閱讀： 設(shè)置宏博CMS會(huì)員注冊驗(yàn)證碼 宏博CMS中遠(yuǎn)程鏈接SEO有什么用？ 老版本宏博CMS如何顯示會(huì)員登陸狀態(tài)？ 宏博CMS中自定義標(biāo)記放哪些廣告代碼合適？

本文地址：http://m.love62.cn/hbcms/18610.html