怎样制作空间模板
1. 制作模板入口
登录您的个人空间后,依次点击“空间装扮”“挑选模板”“我也来设计”,选择打开可视化模板编辑器或CSS编辑器进行模板制作。
2. 怎样使用“简单可视化编辑器”进行模板制作?
不喜欢复杂的操作?那么多设置项看着头晕?没关系,简单可视化编辑器只需2步就可完成!更换背景图及头部图片!
第1步,单击挑选一款母版风格作为制作的基础,有点击下一步进入“简单可视化编辑器”
第2步,分别对“背景图”和“头图”进行设置,上传背景图片和头部图片后,点击“保存”就大功告成啦!
第2步,分别对“背景图”和“头图”进行设置,上传背景图片和头部图片后,点击“保存”就大功告成啦!
3. 怎样使用“复杂可视化编辑器”进行模板制作?
除了头图、背景图之外,想要更改模板的更多项目?您必须要切换到“复杂可视化编辑器”进行操作。下面我们从制作一个“标准”模板的
角度来教大家如何使用编辑器:
我们的目的是实现左侧模板的样式(点击左侧缩略图可查看详细的模板样式)
在制作之前,您需要整体了解一下模板都是由什么什么部分构成的,左侧的这个模板主要由三个主要的大的部分
组成,我们需要进行详细设置的也是这三个部分:
1. 首先是模板的整体框架:头图、中图、底图;
2. 其次是模块样式的设置;
3.最后是导航栏的样式设置
在制作之前,您需要整体了解一下模板都是由什么什么部分构成的,左侧的这个模板主要由三个主要的大的部分
组成,我们需要进行详细设置的也是这三个部分:
1. 首先是模板的整体框架:头图、中图、底图;
2. 其次是模块样式的设置;
3.最后是导航栏的样式设置
第1部分:整体框架(头图、中图、底图)
提示:您可以使用Photoshop、Fireworks等图片处理软件对设计图进行切割之后,再进行头图、中图、底图的上传。(在百度中搜索怎样切割图片>>)
A. 头图
点击此处从您的电脑中上传头图,头图是模板最上部,最
显眼的一张图片,建议您的头图图片在1000像素或以内,
不建议对头图设置宽度,一般为auto
因为不需要重复,所以此处设置平铺方式为不平铺;
顶部高度需要根据您自己切割图片时所得到的头图高度来 进行设置,在此示例中,头图的图片高度为274像素,所以 这里的顶部高度也应该设置为274像素;
头图图片的对齐方式需按照您设计图的具体情况来设置, 此示例中默认为中间对齐+底边对齐。
B. 中图
点击此处从您的电脑中上传中图,中图是网页中间部分不 断重复的一张图片,会随着您的页面不断的加长而加长, 建议您的中图图片宽度在1000像素或以内;
由于在中间不断地纵向重复,所以这里设置平铺方式为纵 向平铺;
因为此示例中的模板为页面居中型的模板,所以中图背景 图的对齐方式为中间对齐+顶端对齐;
此示例中没有对中图宽度进行设置,默认为880像素,实际 在做的时候需要根据您设计图的具体情况来设定。
C. 底图
点击此处从您的电脑中上传中图,中图是网页中间部分不 断重复的一张图片,会随着您的页面不断的加长而加长, 建议您的中图图片宽度在1000像素或以内;
底图的平铺方式为不平铺;
底图的高度需要根据您自己设计图中的底图的高度来判断, 在此示例中,底图图片的高度为46像素,所以这里的“底 图高度”也应该设置为46像素;
底图的对齐方式为中间对齐+底边对齐。
D. 做好上述三步操作之后,模板的大体框架就出来了,但似乎和大背景色不太搭配,还有一项需要设置,就是“背景图”中的背景颜色:
此示例中的模板的整体主题色调是蓝色,所以背景色也应 设置为同样的颜色,在Photoshop或取色软件中获得该蓝色 的色值(图中的#c7ebe1),填入取色器颜色值框中,点击 “对号”,即可精确地更改背景颜色。
做完这个步骤之后再看,模板是不是“和谐”了很多呢?
至此,模板的主体框架设置完成,下面要进入的是 “模块”的操作设置。
第2部分:模块的设置:

A. 1区
1区的背景图片由一个图片构成,此示例
中的1区图片尺寸为30×30像素,所以也
应将左图中的“区域高度”“区域宽度”
也应填入30;
1区没有边框,所以“边框粗细”中的值 应设置为0;
1区的背景不需要重复,所以平铺方式为 不平铺;
1区没有边框,所以“边框粗细”中的值 应设置为0;
1区的背景不需要重复,所以平铺方式为 不平铺;
B. 2区
2区的背景图片由一个小图片构成,只不
过这个图片是不断的横向重复的,这样
模块就能不断地拉伸延展,所以应设置
这个区域图片的平铺方式为横向平铺;
边框类型与边框粗细同1区,设置为0, 区域高度设置同1区,高度同样也是30 像素。
此区域可设置模块标题颜色及字体大小
边框类型与边框粗细同1区,设置为0, 区域高度设置同1区,高度同样也是30 像素。
此区域可设置模块标题颜色及字体大小
C. 3区:3区的设置方法基本与1区相同,只是在对齐方式上会有差异;
D. 4区
4区是模块的中间区域,这里可以设置模
块中间区的背景图片。在此示例中并没有
背景图片,而只是设置了模块的背景色,
背景色须同1、2、3区的颜色相同(
);
不同于其他的是,4区设置了边框,其他 区的边框都是由图片来实现的,边框粗细 为1像素,颜色为#e0d896(
)。
不同于其他的是,4区设置了边框,其他 区的边框都是由图片来实现的,边框粗细 为1像素,颜色为#e0d896(
E. 5区
5区是模块的左下角区域,这个区域由于
在切图的时候图片较小,所以有一点需要
注意,就是需要在“背景颜色”选项中点
击“去色”,以保证这个区的背景色是无
色的。这里没有边框,所以边框粗细为0;
5区的宽高设置同1区,需要按您设计图中
自己所切得的图片大小而定。本示例中的
5区图片大小为10×13像素。
F. 6区
6区位于模块的底部中间区域,背景图片
同2区,是在横向上平铺的,边框粗细仍
然为0,高度同5区一样,为13像素。
背景颜色同5区,需要去色。
G. 7区 :7区的设置同5区,只是在背景图片的对齐方式上会有不同;
模块的设置方法不止这一种,花样繁多,这里只是代表举例~ 相信设计师们只要探索一下,就会发挥出更好的创意!~
第3部分:导航栏的设置:
导航条的设置项较多,可以添加背景图片,背景颜色;
可以移动导航的位置
“文字”tab下可以对导航的普通文字进行设置;
“导航激活”是指当前选中的tab的样式;
“鼠标悬停”是指鼠标移动到导航上产生的样式变化。
建议设计者在导航激活及鼠标悬停上做一些样式的改变,
下图就是一个很好地设置了上述两项的导航实例:
第4部分:"其他"杂项的设置:
“其他”tab下可设置的项目有:
文字:指的是页面整体文字颜色,这里的文字指的是普通
文字,即非链接的文字,建议您设置为黑白灰三色;
链接:指的是页面整体的链接颜色,链接的文字颜色建议
您设置为彩色,当然颜色要与模板整体的配色相和谐;
分隔线:可以添加图片作为分隔线,也可设置边框作为分
隔线,下面列举一个较好的边框实例,是用图片来实现的:

上面的点状分隔线是由2×1像素的 图片横向重复而成。
上面的点状分隔线是由2×1像素的 图片横向重复而成。
至此,制作一个完整模板的步骤就全部讲完啦。其实模板的样式不止这一种,大家可以发挥创意和创造力。模板制作中还有一些小细节需
要掌控,不光要掌握制作方法,而且要对图片制作、美感也有一定的要求,大家可以上网查阅相关的资料来完成。
制作完模板,千万不要忘记保存哦!如果您要将您的大作分享给大家使用,需要认真填写“模板名称”和“模板标签”,因为它们是其他 用户找到您作品的关键。您的模板都保存在“我的装扮”-“我创建的”-“我设计的模板”中。
制作完模板,千万不要忘记保存哦!如果您要将您的大作分享给大家使用,需要认真填写“模板名称”和“模板标签”,因为它们是其他 用户找到您作品的关键。您的模板都保存在“我的装扮”-“我创建的”-“我设计的模板”中。
4. 怎样使用CSS制作模板?
每次进入可视化编辑器时,都会看到编辑器右上方有一个 的链接,在这里可以进入CSS代码编辑器。同时您每次重新修改一个模板时,也可选择是使用“可视化编辑器”还是“CSS代码”;
CSS代码的优势是,可以更加精确地控制模板的样式,但需要您熟练掌握CSS语言,对网页制作非常熟悉,有较高的网页制作技巧。我们对 使用CSS代码所制作的模板要求是较高的,需要有一定的规则,因为不熟练运用会造成页面上一些功能的缺陷。详细规则请点击这里>>
需要注意的是,如果您选择用CSS编辑模板,制作完成后想再用可视化重新编辑的时候,有些设置可能会失效。
CSS代码的优势是,可以更加精确地控制模板的样式,但需要您熟练掌握CSS语言,对网页制作非常熟悉,有较高的网页制作技巧。我们对 使用CSS代码所制作的模板要求是较高的,需要有一定的规则,因为不熟练运用会造成页面上一些功能的缺陷。详细规则请点击这里>>
需要注意的是,如果您选择用CSS编辑模板,制作完成后想再用可视化重新编辑的时候,有些设置可能会失效。
怎样使用“挂件”“悬浮”和“鼠标”?
1. 怎样添加挂件、悬浮和鼠标?
点击挂件的缩略图,挂件出现橘黄色边框,
表示该挂件被选中,在您的个人主页上同时
出现该挂件,添加成功!
您同时最多可应用5个挂件。添加过多会拖
慢您的空间访问速度,所以不建议一次性
加太多。
悬浮和鼠标的添加方式同挂件。
悬浮和鼠标的添加方式同挂件。
2. 怎样删除挂件、悬浮和鼠标?
3种方式可删除挂件:
1. 在挂件缩略图上再单击一下,使挂件处 于非选中状态,即可删除;
2. 将光标移动到挂件上,即可出现“设 置”字样,单击即可出现移除挂件的选项;
3. 在“我的装扮”tab下,单击挂件缩略 图可删除多个挂件;
悬浮、鼠标的删除方法同挂件。
1. 在挂件缩略图上再单击一下,使挂件处 于非选中状态,即可删除;
2. 将光标移动到挂件上,即可出现“设 置”字样,单击即可出现移除挂件的选项;
3. 在“我的装扮”tab下,单击挂件缩略 图可删除多个挂件;
悬浮、鼠标的删除方法同挂件。
3. 上传挂件、鼠标
点击“我也要上传”,上传您的挂件和鼠标,挂件和鼠标的最佳缩略图尺寸在“184×137像素”,缩略图很标准的挂件将会得到优先推荐哦!




