空间模板

qq空间的模板怎么设置

　　你想知道qq空间模板怎么设置吗?本网我介绍一下怎样对QQ空间模块进行设置。 　　设置QQ空间模块的步骤 　　打开并登陆QQ空间，进入设置板块 　　在设置模块中，我们找到“添加和删除主页板块”，并进入设置 　　页面的最上方出现下图窗口，可在里选择你想要出现在主页的模块，也可添加自定义模块 　　选择一个自定义的模块类型 　　在弹出的窗口中输入图片地址、模块标题等内容后确认 　　这样该模块就会出现在首页了 　　选中该模块进行拖拽，可以对该模块在首页的位置进行移动

怎么做百度空间的模板？

登录空间后：上面有我的空间（点击下拉按钮）－模板－我制作的模板-创建新模板，这时就会跳出一个窗口，出现可编辑的CSS代码文件。但是，这并不是你自己当前使用的模板的代码，而是一个百度默认模板的代码，这个是无法选择的，百度目前只能提供这一种模板供编辑。

如果你想在某个比较喜欢的模板的基础上进行编辑，就需要先把这个模板的CSS代码复制出来，然后把“自定义模板”里出现的那个代码完全替换掉，接下来就可以对想修改的部分进行编辑啦。

在编辑CSS文件的窗口下方有四个选项：“保存”“保存并应用”“取消”“预览”，一定要搞清楚这几个选项的区别，在每次修改之后最好先点一下“预览”看看有没有错误，之后再“保存”，最好不要在编辑状态下直接点“保存并应用”，而是先保存，然后再次预览确定每个页面都没问题之后再选择“应用此模板”。

3.一般我们对选择的模板不需要经过大的修改，只要修改些细节就好了，比如背景图片的更换，最上面横幅的更换。

4.

空间背景颜色/鼠标设置区域

如果要设置特殊风格的鼠标，需要在代码文件的第一行加上：
a:hover {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/187.ani')}
body {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/1547.ani')}{background-color:#FFFFFF}

第一行括号内的链接是点到链接时的鼠标状态，第二行括号内的链接是正常的鼠标状态，第二行后边的background-color后边的颜色代码是指整个空间的背景颜色。六位颜色代码可以在这里找到。

如果不需要设置特殊鼠标，那么这一部分只保留“body {background-color:#颜色代码}”就可以了。

空间名称/标题图片设置区域

#header{height:300px;background:url(……)}
这是空间标题栏的主体部分，{}内的文字解释如下：
“height”指标题栏的高度，这个要与你放在标题栏的图片高度相同；后边的括号内是你要做标题的图片的链接，宽度为1024px的图片比较合适，图片高度可以根据自己的喜好决定。

#header div.lc{}
#header div.rc{}
如果想在标题的左右两边放置不同的图片，就在第一行的{}内加上左边的图片链接，格式为{background:url(……) no-repeat left}。第二行的{}内加上右边图片的链接，格式为{background:url(……) no-repeat right}。否则{}内留空就可以。

#header div.tit{top:30px;left:20px;line-height:22px;font-size:30px;font-family:隶书}
这里要设置的是空间名称的位置（top后边的数字是文字离空间标题栏上边界的距离，left后边的数字是离左边界的距离）；大小（font-size后边的数字）；字体（font-family后边的文字）。

#header div.tit a.titlink{color:#......;text-decoration:none}
#header div.tit a.titlink:visited{color:#......;text-decoration:none}
这两行应该是设置空间名称文字的颜色，但是我搞不清楚2行有什么区别，所以索性都设成一样的好了。如果想要把文字设成设成黑体或下划线，就把text-decoration:后边的none相应地改成bold或underline。

#header div.desc{top:60px;left:20px;color:#......;font-size:13px}
这行是设置空间简介（空间名称下边那行小标题）的位置、大小和字体的，设置方法同空间名称的设置。

#tabline{top:415px;background-color:#......}
这个是指TAB菜单栏（主页/博客/相册/好友/设置那一行）下边的分隔线的位置和颜色，top后边的数字是指分割线离空间标题栏上边界的距离，这个数字要根据标题栏的高度和菜单的位置（是与图片重叠或位于图片下方）来决定。

#tab{top:390px}
这个是指TAB菜单栏的位置，top后边的数字是指距空间标题栏上边界的距离。

#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:20px;background-color:#......;color: #……;font-size:14px;font-weight:bold;}
这一行是指TAB菜单被选中后的状态，文字的位置，文字后边背景的颜色，文字颜色，字号等等。

#tab span{color:#F93A60;font-size:14px}
这个是指TAB菜单中间的分隔符（就是那条竖线）的颜色和大小。

#tab a:link{color:#......;text-decoration:none;font-size:14px}
这一行是指TAB菜单未被选中时的状态，文字颜色，其它定义，字号。

#tab2部分是TAB菜单下方的第二TAB菜单栏（比如“设置”下方的“基本选项”“模板设置”这一栏）的设置，设置方法同上。

.stage{background-color:#......}
这个是空间内容区域（TAB菜单栏以下直到空间底部）的背景颜色/图片设置，不想设置也可以把{ }留空。

博客文章标题/文字设置区域

#m_blog div.tit{font-size:14px;font-weight:bold;line-height:50px;text-indent:60px}
博客文章标题栏的设置，line-height后边的数字是用来定义标题栏高度的，text-indent后边的数字是指标题文字向右缩进的距离，如不需要缩进可设为0。如果想在每篇文章的标题前加上图片，可以在{}内的结尾处加上“background:url(图片链接) no-repeat”，然后按照加入的图片尺寸相应调整标题栏高度和文字缩进处的数值。QQ里的那些可爱的动画表情图标都可以拿来用，另存后上传到百度空间的相册就可以啦。

#m_blog div.tit a{color:#......;font-size:14px;font-weight:bold}
博客文章标题链接的状态设置。

#m_blog div.tit a:visited{color:#047304}
博客文章标题被选中后的状态设置。

#m_blog div.date{margin:5px 0 8px 0;color:#666666;text-align:right}
博客文章日期的设置，margin指距标题栏的距离，text-align指日期的位置（居左居右或居中）。

#m_blog div.cnt{color:#666666;line-height:20px;font-size:14px}
博客文章内容设置：文字颜色，行距，字号。

#m_blog div.more a{color:#047304;font-size:14px}
“阅读全文”链接状态设置。

#m_blog div.more a:visited{color:#047304}
博客文章标题链接被选中后的的状态设置。

#m_blog div.opt{color:#047304;font-size:12px}
文章操作区（如编辑、评论等）的设置。

#m_blog div.opt a{color:#047304;font-size:12px}
文章操作区链接状态设置。

#m_blog div.opt a:visited{color:#047304}
文章操作区链接被选中后的状态。

#m_blog div.line{margin-top:10px;line-height:60px;background:url(图片链接) no-repeat center}
文章和文章之间的分隔线设置，margin-top指分隔线与上一篇文章之间的距离，line-height指分隔线区域的高度，结尾处可定义分隔线的位置（no-repeat center指不重复，居中，repeat-x指横向重复）。

音乐播放器的设置

如果觉得空间默认的音乐播放器不好看，可以在空间最后加上这段代码来改变播放器的大小和颜色：

#phx{FILTER:Alpha(Opacity=60,FinishOpacity=36,Style=0,StartX=20,StartY =40,FinishX=0,FinishY=0)gray;WIDTH:500px;HEIGHT:45px}（这个是我的播放器代码）

这段代码有点复杂，捡能看懂的部分介绍一下吧，其他的还没摸索出来呢：

Opacity=透明度，可以用0-100之间的数值，数值越低透明度越高；FinishOpacity=过度透明度，即边缘的透明度（这个我还没搞懂怎么玩）；gray＝颜色/风格，可以设为默认、gray、xray、invert等，可以自己尝试；WIDTH后边的数字表示播放器的宽度， HEIGHT后边的数字表示播放条的高度

怎样制作qq空间模板

你先找个皮肤之后在用用photoshop制作空间大图模块


Photoshop最大的优势就是强大的图片处理功能。因此我们利用它处理主页的皮肤，通过在皮肤上融图和添加个性图像，来制作浑然一体的个性空间。
下面，我根据自己做的一幅空间大图来详细讲解制作步骤。没有安装photoshop的朋友可以先下载。

一、截取背景图片：通过装扮空间设置好你的空间皮肤以后，就可以截取空间背景图片了。 没有抓图软件也没有关系，可以用QQ截图，效果也不错。
按住Ctrl+Alt+A，截取空间皮肤，截图宽度在700—720之间，高度自定。图截好后保存为JPEG文件，为了讲解方便，我们给这个文件命名为空间大图。
二、制图：
1熟悉photoshop工具栏 2 2、打开photoshop，点文件—打开，找到空间大图，打开。双击背景，把背景转化为图层。
3、打开已经选好的素材图片。用鼠标点住素材图，点工具栏中的选择工具，把它拉到背景图片上。（下面就把这张被拉进来的图片所在层称为图层2）。也可以把素材图片全选，复制。回到背景图片，再粘贴，图片就进去了。
4、CTRL+T，自由变换，按住shift键，拖动素材图片的边角，把图片调整到合适的大小。
5、在工具栏选择套索工具，使用多边形套索。选中图层2，沿着人物外缘勾画出形状。形状不要求特别精确。当然如果勾画得细致一些效果会更好。 6、点鼠标右键——“羽化” ，羽化数值设为15，可以依据图片状况和个人喜好所设。再点鼠标右键——选择反向，按“Delete”，删除。Ctrl+D，取消选择。如果边缘还太明显，可以“选择”——“重新选择”，“选择”——“羽化”，将羽化值调大，再次“Delete”。
7、用选择工具把图层2中的图片移动到合适的位置，如果大小不合适，可以用CTRL+T，自由变换，按住shift键，拖动素材图片的边角，重新调整图片大小。
8、选中图层2，在图层面板将混合模式改为“正片叠底”，混合模式可以设成其他，如：柔光、叠加等等，背景图片的颜色不同，设置的效果也是不一样的。透明度可以根据你的喜好进行设置。
、如果觉得梦幻效果还不是很好，那么再来点高斯模糊。选中图层2，再在菜单栏点“滤镜”——“模糊”——“高斯模糊” ，数值设为1

10、最后一步，用工具栏的自定义形状，添加上心形或其他什么东西。只要背景图片与Qzone的背景一致，那么，所添加的图片就仿佛融合在了Qzone的背景之上了。这一步我就不再做了，大家自由发挥吧