自制闪字空间名称
作者：听海的声音现在来说一下"空间名称"的制作,原来的"空间名称"只能通过变化字体的样式改变形态,很局限,所以现在我们可以通过自己制作jpg图片来让标题动起来.
◆很简单,原理就是把做好的闪字图片放在"空间名称"的背景图里面,"空间名称"有左右两个背景图,分别是#header div.lc和#header div.rc,顾名思义,l即left,左背景图;r即right,右背景图.
◆大家先把做好的闪字上传到相册,复制下图片地址.
◆粘贴到代码里面
#header div.lc{background:url(图片地址) no-repeat 830px 0px}
#header div.rc{background:url(图片地址) no-repeat 830px 0px}
◆放入图片后可以通过多次预览来调整图片的位置.
◆注意:如果你已经添加过时间代码或者本来就有背景图片的话,就会受到影响.因为"空间名称"只有两个背景图,不能同时添加多个图片的,有得有失哦.
◆这样自己制作的个性"空间名称'就完成啦,那么以前的怎么办?
1.最简单的方法是**设置,在空间名称的地方打空格.
2.也可以把"空间名称"转化为"空间介绍"的样子,就像我那样,空间名称被修改成◆百度空間CSS代碼收集站◆站長QQ:7974985放在空间接受的上面.
空间名称的代码是:
#header div.tit{top:15px;left:20px;line-height:55px;font-size:50px;font-family:幼圆;FILTER: glow(color=#0066FF,direction=2)}
#header div.tit a.titlink{color:#330099;text-decoration:none}
#header div.tit a.titlink:visited{color:#330099;text-decoration:none}
分析一下:
#header div.tit{top:15px【到顶部的距离】;left:20px【到左边的距离】;line-height:55px【行高】;font-size:50px【字体大小】;font-family:幼圆【字体】;FILTER: glow(color=#0066FF,direction=2)【字体发光效果】}==>名称主体样式
#header div.tit a.titlink{color:#330099【链接字体的颜色】;text-decoration:none} ====>空间名称链接状态
#header div.tit a.titlink:visited{color:#330099【链接后字体颜色】;text-decoration:none}===>空间名称链接后状态
其他用得上的调整：
#header{height:200px;repeat-x}====>模块到顶部的距离,调整这个可以加大空间名称的空间.
分界线,导航栏都可以通过他们top: xp来修改.
页:
[1]