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