HBCMS模板教程第三讲：HBCMS模板新建和查看演示

核心提示： 现在我们看一下演示，点击模板名右边的首页，HBCMS模板教程第三讲：HBCMS模板新建和查看演示(2)，就可以查看首页的演示了，在查看演示前，只好到第四讲再接着第二讲做模板了，呵呵，还有一项工作要做，就是把DEDECMS的模板图片文件复制到我

现在我们看一下演示，点击模板名右边的首页，就可以查看首页的演示了，在查看演示前，还有一项工作要做，就是把DEDECMS的模板图片文件复制到我们的模板图片文件夹下(不要告诉我你不会做啊!)。现在点击模板名右边的首页链接，查看演示，如图：

怎么不对头，是了，忘记修改CSS的文件名了，因为以前我做好的CSS文件名是default.css，而现在我们调用的是main_css.css。所以要在首页模板中修改成main_css.css，下面是修改前后的对比。

修改前

修改后

然后，把首页文件中的图片地址中的DEDE标记代码替换为HBCMS的模板代码，也就是图片目录代码：<{$web.img_dir}>替换DEDECMS的模板标记{dede:field name='templeturl'/}/img2，替换完成的模板图片调用是这样的格式：src="<{$web.img_dir}>/图片名"。注：此调用是调用模板文件的，不是调用文章里的图片的。

替换完成后，再次看演示

好了，这第三讲就先讲这么多吧，只好到第四讲再接着第二讲做模板了，呵呵，下一讲再见。