怎样制作空间模板

1. 制作模板入口

登录您的个人空间后,依次点击“空间装扮”“挑选模板”“我也来设计”,选择打开可视化模板编辑器或CSS编辑器进行模板制作。

2. 怎样使用“简单可视化编辑器”进行模板制作?

不喜欢复杂的操作?那么多设置项看着头晕?没关系,简单可视化编辑器只需2步就可完成!更换背景图及头部图片!
第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区的背景不需要重复,所以平铺方式为 不平铺

B. 2区

2区的背景图片由一个小图片构成,只不 过这个图片是不断的横向重复的,这样 模块就能不断地拉伸延展,所以应设置 这个区域图片的平铺方式为横向平铺
边框类型与边框粗细同1区,设置为0, 区域高度设置同1区,高度同样也是30 像素。
此区域可设置模块标题颜色及字体大小

C. 3区:3区的设置方法基本与1区相同,只是在对齐方式上会有差异;

D. 4区

4区是模块的中间区域,这里可以设置模 块中间区的背景图片。在此示例中并没有 背景图片,而只是设置了模块的背景色, 背景色须同1、2、3区的颜色相同();
不同于其他的是,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部分:导航栏的设置:
第4部分:"其他"杂项的设置:
至此,制作一个完整模板的步骤就全部讲完啦。其实模板的样式不止这一种,大家可以发挥创意和创造力。模板制作中还有一些小细节需 要掌控,不光要掌握制作方法,而且要对图片制作、美感也有一定的要求,大家可以上网查阅相关的资料来完成。
制作完模板,千万不要忘记保存哦!如果您要将您的大作分享给大家使用,需要认真填写“模板名称”和“模板标签”,因为它们是其他 用户找到您作品的关键。您的模板都保存在“我的装扮”-“我创建的”-“我设计的模板”中。

4. 怎样使用CSS制作模板?

每次进入可视化编辑器时,都会看到编辑器右上方有一个 的链接,在这里可以进入CSS代码编辑器。同时您每次重新修改一个模板时,也可选择是使用“可视化编辑器”还是“CSS代码”;
CSS代码的优势是,可以更加精确地控制模板的样式,但需要您熟练掌握CSS语言,对网页制作非常熟悉,有较高的网页制作技巧。我们对 使用CSS代码所制作的模板要求是较高的,需要有一定的规则,因为不熟练运用会造成页面上一些功能的缺陷。详细规则请点击这里>>
需要注意的是,如果您选择用CSS编辑模板,制作完成后想再用可视化重新编辑的时候,有些设置可能会失效。
 在百度空间内搜索更多教程
怎样使用“挂件”“悬浮”和“鼠标”?

1. 怎样添加挂件、悬浮和鼠标?

点击挂件的缩略图,挂件出现橘黄色边框, 表示该挂件被选中,在您的个人主页上同时 出现该挂件,添加成功! 您同时最多可应用5个挂件。添加过多会拖 慢您的空间访问速度,所以不建议一次性 加太多。


悬浮和鼠标的添加方式同挂件。

2. 怎样删除挂件、悬浮和鼠标?

3种方式可删除挂件:
1. 在挂件缩略图上再单击一下,使挂件处 于非选中状态,即可删除;
2. 将光标移动到挂件上,即可出现“设 置”字样,单击即可出现移除挂件的选项;
3. 在“我的装扮”tab下,单击挂件缩略 图可删除多个挂件;
悬浮、鼠标的删除方法同挂件。

3. 上传挂件、鼠标

点击“我也要上传”,上传您的挂件和鼠标,挂件和鼠标的最佳缩略图尺寸在“184×137像素”,缩略图很标准的挂件将会得到优先推荐哦!