1. 制作模板入口登录您的个人空间后,依次点击“空间装扮”“挑选模板”“我也来设计”,选择打开可视化模板编辑器或CSS编辑器进行模板制作。
2. 怎样使用“简单可视化编辑器”进行模板制作?3. 怎样使用“复杂可视化编辑器”进行模板制作?除了头图、背景图之外,想要更改模板的更多项目?您必须要切换到“复杂可视化编辑器”进行操作。下面我们从制作一个“标准”模板的角度来教大家如何使用编辑器:
第1部分:整体框架(头图、中图、底图)点击此处从您的电脑中上传头图,头图是模板最上部,最显眼的一张图片,建议您的头图图片在1000像素或以内,不建议对头图设置宽度,一般为auto
因为不需要重复,所以此处设置平铺方式为不平铺; 顶部高度需要根据您自己切割图片时所得到的头图高度来进行设置,在此示例中,头图的图片高度为274像素,所以这里的顶部高度也应该设置为274像素; 头图图片的对齐方式需按照您设计图的具体情况来设置,此示例中默认为中间对齐+底边对齐。 第2部分:模块的设置:4区是模块的中间区域,这里可以设置模块中间区的背景图片。在此示例中并没有背景图片,而只是设置了模块的背景色,背景色须同1、2、3区的颜色相同();
不同于其他的是,4区设置了边框,其他区的边框都是由图片来实现的,边框粗细为1像素,颜色为#e0d896()。 第3部分:导航栏的设置:导航条的设置项较多,可以添加背景图片,背景颜色;可以移动导航的位置 “文字”tab下可以对导航的普通文字进行设置; “导航xx”是指当前选中的tab的样式; “鼠标悬停”是指鼠标移动到导航上产生的样式变化。建议设计者在导航xx及鼠标悬停上做一些样式的改变,下图就是一个很好地设置了上述两项的导航实例:
第4部分:"其他"杂项的设置:“其他”tab下可设置的项目有: 文字:指的是页面整体文字颜色,这里的文字指的是普通文字,即非链接的文字,建议您设置为黑白灰三色; 链接:指的是页面整体的链接颜色,链接的文字颜色建议您设置为彩色,当然颜色要与模板整体的配色相和谐; 分隔线:可以添加图片作为分隔线,也可设置边框作为分隔线,下面列举一个较好的边框实例,是用图片来实现的:
上面的点状分隔线是由2×1像素的 图片横向重复而成。 至此,制作一个完整模板的步骤就全部讲完啦。其实模板的样式不止这一种,大家可以发挥创意和创造力。模板制作中还有一些小细节需要掌控,不光要掌握制作方法,而且要对图片制作、美感也有一定的要求,大家可以上网查阅相关的资料来完成。
制作完模板,千万不要忘记保存哦!如果您要将您的大作分享给大家使用,需要认真填写“模板名称”和“模板标签”,因为它们是其他用户找到您作品的关键。您的模板都保存在“我的装扮”-“我创建的”-“我设计的模板”中。 4. 怎样使用CSS制作模板?每次进入可视化编辑器时,都会看到编辑器右上方有一个 的链接,在这里可以进入CSS代码编辑器。同时您每次重新修改一个模板时,也可选择是使用“可视化编辑器”还是“CSS代码”;
CSS代码的优势是,可以更加xx地控制模板的样式,但需要您熟练掌握CSS语言,对网页制作非常熟悉,有较高的网页制作技巧。我们对使用CSS代码所制作的模板要求是较高的,需要有一定的规则,因为不熟练运用会造成页面上一些功能的缺陷。 需要注意的是,如果您选择用CSS编辑模板,制作完成后想再用可视化重新编辑的时候,有些设置可能会失效。 |