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