正在加载中

自制闪字空间名称

作者:听海的声音

现在来说一下”空间名称”的制作,原来的”空间名称”只能通过变化字体的样式改变形态,很局限,所以现在我们可以通过自己制作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来修改.

点击这里返回百度空间CSS制作目录


24 Responses to “自制闪字空间名称”

  1. 一个人的芭蕾 说:

    这么多字啊 看了头疼了挖 简单明了点好不好啊

  2. YCL2QQ 说:

    看得我想睡哦…………….

  3. 匿名网友 说:

    己经睡着了…….

  4. 295126694 说:

    怎么 ◆粘贴到代码里面

  5. 快乐莫然 说:

    ◆粘贴到代码里面???

  6. zaijiandaoni 说:

    太复杂了吧,谁有简单点的。

  7. 我是谁? 说:

    真的不懂其中的意思?不懂不懂???

  8. 六玥鳕 说:

    看不懂啊~!
    zZ~!!!

  9. hyfdz 说:

    关于制作空间标题跟简介的闪字做法:
    一、标题部分:

    进入自定义CSS代码后,利用快捷键“ctrl+f”找到#header div.tit a.titlink和#header div.tit a.titlink:visited两行代码,在开头的不超出10行的范围内。将你找到的两段代码替换为 以下代码:<注>替换前请做好备份工作!

    #header div.tit a.titlink{text-decoration:none;filter:glow(color:#DD002C,strength=3); height:12px; color:#ffffff}
    #header div.tit a.titlink:visited{text-decoration:none;filter:glow(color:#DD002C,strength=3); height:12px; color:#ffffff}

    代码说明:

    color:#DD002C 是发光颜色,字外面包围的颜色

    color:#ffffff 是字内部的颜色,一般默认为白色比较好

    二、简介部分

    简介部分的代码紧跟标题的后面,也就是#header div.desc这段代码。找到后把它替换为 以下代码:

    #header div.desc{top:60px;left:70px;font-size:13px;filter:glow(color=blue,strength=3); height:12px;color:#ffffff}
    我的空间:http://hi.baidu.com/hyfdz

Post a Comment