无忧主机教您如何美化宏博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