新闻中心
无忧主机教您如何美化宏博CMS前台表单模板
无忧主机小编又来给大家做php空间有关的教程了~作为处女座的小编,最美妙的时刻就是美化自己网站了,把那么一点点不顺眼的东西变的规整是最美好的!在宏博CMS中,很多朋友也会像小编一样,想美化一下前台表单的外观,也就是表单的模板,前台表单的地址是: http://域名/hbcms/user/add_my_form.php?tb=表单模型变量名,这是默认的。程序会自动检测网站使用的模板目录里是否有user_add_my_form_表单模型变量名.tpl.html 这个模板文件,要是有这个模板文件,那么程序就直接显示此模板文件的内容。如果没有,程序就会自动读取会员的默认模板user_index.tpl.html。那么如何对自动生成的表单进行外观美化呢? 比如修改颜色,修改录入框的布局和位置,增加javascript特效等。 方法不难,刚刚小编提到了前台的表单都会读取user_add_my_form_表单模型变量名.tpl.html这个模板文件,所以可以将默认产生的表单源代码复制,粘贴到 user_add_my_form_表单模型变量名.tpl.html 这个模板文件中去,然后对源代码直接进行修改和美化。步骤如下: 1、首先在后台制定好表单的所有字段,预览前台的录入表单页面看效果,直到基本满意为止。 2、查看前台的录入表单页面的源代码,将表单部分全部复制。 3、在现有的模板目录,创建一个模板文件 user_add_my_form_表单模型变量名.tpl.html小编建议直接复制user_index.tpl.html,重命名即可。然后将刚才复制的表单源代码粘贴到合适的位置。最后删除模板文件里的 <{$data_ary.user_panel.body}> 字符串。 4、对模板文件里的表单源代码进行修改和美化,如调整位置,布局,可以一行并列排放多个录入框、加入更多的css变量来控制外观、加入更多的javascript来控制表单验证和其他特效。 5、完成了,预览看效果吧! 希望可以帮助到各位站长朋友! 无忧主机相关文章推荐阅读: 设置宏博CMS会员注册验证码 宏博CMS中远程链接SEO有什么用? 老版本宏博CMS如何显示会员登陆状态? 宏博CMS中自定义标记放哪些广告代码合适?
本文地址:https://www.51php.com/hbcms/18610.html