打印

跟我一起玩百度空间+CSS教程+从"零"开始学玩百度空间

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

1^# 大中小发表于 2006-10-5 01:40 只看该作者

------------------>上网也能赚小钱<------------------

跟我一起玩百度空间+CSS教程+从"零"开始

本贴用于归纳百度空间教程，编号即为教程所在楼层。

1.让你看懂css各个参数

2.百度空间CSS使用说明

3.怎样编写CSS的!

4.CSS代码解密

5.一个CSS的漏洞

6.增加自定义模块功能

7.更换主体及文章的背景

8.透明flash代码

9.百度空间十大宝藏

10.制作个性化的标题栏

11.看到更多的百度空间

12.百度空间的8个优缺点

13.专栏分割线的代码修改

14.添加自己的LOGO图片

15.宣传百度空间的方法

16.添加多首背景音乐

17.设置透明背景图

18.更改空间的鼠标样式

19.在空间里加入滚动条

20.透明的背景音乐的播放器

21.透明个性化滚动条

22.给链接添加背景色效果代码

23.显示"点击给你发消息"怎么在空间做!

24.去掉文章题目下划线

25.常用插入图片位置的代码

26.如何隐藏播放器而不影响音乐播放

27.如何有字体阴影

28.自制闪字空间名称

29.解决回车换两行的问题

30.调整一下行距

31.让空间拥有精美flash背景

32.让空间自动弹出对话框！

33.修改blog显示的文字颜色大小

34.如何让你的浏览器滚动条变色

35.为评论和链接加上图片

36.如何在"其它"下面加上图片

37.百度空间的名称如何用艺术字？

38.百度空间文字发光的方法ml

39.文字快速插链接

40.空间模块巧移动

41.个性化你的IP显示，自定义颜色

42.全透明

43.空间背景半透明

44.如何在百度空间的文章标题周围加花边图案？

45.关于百度空间照片大小限制的问题。

46.如何在百度空间发表文章时插入FLESH动画？

47.怎样换百度空间的背景

48.做分割线的方法

49.在百度空间里面添加自己的特效

50.在文章中快速插入图片

51.添加计数器的两种方法

52.如何在空间顶部加入图片

53.发表评论框的图片

54.改变空间主页名称和简介的字体大小l

55.给超链接添加按钮效果

56.如何给评论框添加背景

57.Iframe 用法的详细讲解

58.我的自定义设计

59.CSS鼠标样式大全

60.跟我一起玩百度空间的音乐和视频+

61.为<好友列表>增加一个滚动条

62.空间模块巧移动 + 文字快速插链接

63.怎么去掉百度空间里模块的框框！

64.基本颜色代码+

65.在你的空间中加入幽默元素..

66.百度空间吧[精品]贴+

更多添加中......

[文章来自网友百度空间]

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

2^# 大中小发表于 2006-10-5 01:42 只看该作者

------------------>上网也能赚小钱<------------------

让你看懂css各个参数

行高    line-height: 16px
宽度    (具体位置)-width: 16px
文字缩行  text-indent: 2px
文字字体  font-family: "华文彩云"
文字颜色  font-color: #ffffff
文字大小  font-size: 21px

文字排列  font-aligh:
left 左对齐
center 居中
right 右对齐
top  顶对齐
bottom 底对齐

边界 margin-top：（允许值：长度，百分比）（边界分为上，下，左，右）
补白 padding-top：（允许值：长度百分比）

顶空格填充， padding-top: 20px;，
底空格填充 padding-bottom: 5px;
左空格填充 padding-left: 100px;
右空格填充 padding-right: 55px

顶边框宽度 border-top-width: 3px
底边框宽度 border-bottom-width: 5px
左边框宽度 border-left-width: 1px
右边框宽度 border-right-width: 1px
边框上 border-top：（允许值，样式颜色，宽度,样式）
下 ………-bottom
左…
右…

边框样式    border-style: none
none(没有) | dotted(有点的) | dashed(虚线) | solid(固体) | double(两倍) | groove( 凹槽) | ridge(凸出) | inset(插入物) |tset(开头) ]

文字修饰 { text-decoration: none }
blink文字闪烁
none使得上述效果都不会发生

定位（左边和顶部)  {position: absolute; left: 100px; top: 43px }(将标记的内容定位于左100px顶43px)(另外可以添加 width：130px 限制宽度为130)（或添加heigh: 130px）(允许值：长度，百分比)

标记的内容隐藏  p { visibility: hidden } （visible为看见hidden为隐藏inherit为可视性设置）

链接不显示下划线
A:link { text-decoration: none }

颜色  color: #

背景于文字之后 background-image: url( dfdf)
背景    background: url(dd.jpg)
背景不滚动  background-attachment: fixed

背景定位 background-position:
top将背景图象同前景要素的顶部对齐。
bottom将其同前景要素的底部对齐。
left将其同左边对齐。
right将其同右边对齐。
center将其水平居中（如果使用在另一关键字前面）或垂直居中（如果用在另一关键字后面）。

背景重复  background-repeat: (不重复)（缺省为重复）
背景长度  background-position: 70px （水平70） 10px （垂直10） ;  background-repeat: repeat-y（垂直平铺）或 repeat-x （水平平铺）

背景不滚动
body{background:url('http://hiphotos.baidu.com/monyer/pic/item/d375e4cd9bf5b8510eb34568.jpg') no-repeat fixed center;
cursor:url('http://hiphotos.baidu.com/monyer/pic/item/7345d3c81000ec177e3e6f72.jpg');
SCROLLBAR-FACE-COLOR: #fe90b0;
SCROLLBAR-HIGHLIGHT-COLOR: #fec5d7;
SCROLLBAR-SHADOW-COLOR: #cc3366;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #cc3366;
SCROLLBAR-TRACK-COLOR: #ffb2cc;
SCROLLBAR-DARKSHADOW-COLOR: #cc3366;
SCROLLBAR-BASE-COLOR: #ffb1cb;
}

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

3^# 大中小发表于 2006-10-5 01:43 只看该作者

------------------>上网也能赚小钱<------------------

百度空间CSS使用说明

随着一声『玉皇大帝到』，天上掉下个馅饼砸到你头上，
你获得了『玉皇大帝』赠送现金13个MSN币。

空间页面CSS说明

body 整个空间页面{background-color:#FFFFFF}

--------------------------------------------------------------------------------

空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}

--------------------------------------------------------------------------------

内容区域 .stage（TAB菜单与版权信息之间的区域）{background:#F3F1F1}

其它区域（即访问量等信息）
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}

--------------------------------------------------------------------------------

页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}

--------------------------------------------------------------------------------

模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}
.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}

--------------------------------------------------------------------------------

文章区域
#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作区（如编辑、评论等）{color:#666666;font-size:12px}
#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

--------------------------------------------------------------------------------

个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 个人头像{text-align:center}
#m_pro div.act 操作区（如加为好友、发送消息）{margin-top:10px}
#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用户简介{color:#333333;font-size:12px}
#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}

--------------------------------------------------------------------------------

相册区域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}

--------------------------------------------------------------------------------

友情链接区域
#m_links div.item 子项{color:#333333;font-size:12px}
#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

文章分类
#m_artclg div.item 子项{color:#666666;font-size:12px}
#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

最新评论区域
#m_comment div.item 子项{color:#333333;font-size:12px}
#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作区链接（如编辑、删除）{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}

--------------------------------------------------------------------------------

好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名称（链接）{color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}
#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}
#m_setting span.tit 模板标题名称{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}

--------------------------------------------------------------------------------

基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

网友评论
#in_comment 主体{width:710px}
#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 发表人名（链接）{color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}
#in_comment div.desc 评论内容{color:#333333;font-size:12px}
#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

4^# 大中小发表于 2006-10-5 01:44 只看该作者

怎样编写CSS？

我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。
　　您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。
　　那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。
　　一种是把CSS文档放到<head>文档中：
　　<style type=“text/css”> …… </style>
　　其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。
　　另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：
　　<p style=“font-size：14pt；color：blue”>蓝色14号文字</p>
　　这是采用<Style=“ ”>的格式把样式写在html中的任意行内，这样比较方便灵活。　　还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式是这样的：
　　<head> <link rel=stylesheet href=“style.css”> …… </head>
　　我们看到这里应用了一个<Link>，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。
　　而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。
　　本章主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

5^# 大中小发表于 2006-10-5 01:45 只看该作者

CSS代码解密

随着一声『土地公公到』，天上掉下个馅饼砸到你头上，
你获得了『土地公公』赠送现金4个MSN币。

#usrbar：右上角的整个用户条。
#mnum：用户条中显示的消息条数。

#main：空间主内容，包括所有模块。

空间名称、简介
#header：空间头部的整个标题部分。
#header div.lc
#header div.rc
#header div.tit：空间名称，即主标题。
#header div.tit a.titlink：空间名称链接.
#header div.tit a.titlink:visited：空间名称链接（点击后）.
#header div.tit a.titlink:hover：空间名称链接（鼠标置于其上时）.
#header div.tit a.titlink:link：空间名称链接（点击前）.
#header div.desc：空间简介，即副标题。

导航栏
#tabline：分隔符，用来与空间名称分开。
#tab：导航菜单栏。
#tab a.on：“主页链接”
#tab a.on:link：“主页链接”
#tab a.on:visited：“主页链接”
#tab a.on:hover：“主页链接”
#tab span：导航栏分隔符“｜”
#tab a:link：其它菜单项
#tab a:visited：其它菜单项

设置里面的 (基本选项 | 模板设置 | 高级设置 | 访问统计) 这行的属性（感谢suny_00提供）
#tab2{background:#DAE9F5}
#tab2 span{color:#000000;font-size:12px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}

.stage：页面正文所有部分，内嵌一个表格，表格内包含所有内容，并形成特定版式结构

竖栏表格边框
#layout td.c2t1
#layout td.c3t1
#layout td.c3t3{border-right:1px dashed #A6A6A6}

#comm_info{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px dashed #A6A6A6}
#comm_info a{color:#4A7FF8}

#page{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span{padding:3px;color:#333333;font-size:14px;font-weight:bold}
#page a.pc{color:#4A7FF8;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#4A7FF8}
#page a.pi{padding:3px;color:#4A7FF8;font-size:14px}
#page a.pi:visited{color:#4A7FF8}

#mod_profile：个人档案模块
.mod：个人档案模块
.modhandle{cursor:move}

.modth：模块标题
.modhead：模块标题栏
.modopt：模块选项
.modtit：标志标题文字“个人档案”
a.modtit{color:#666666}a.modtit:visited{color:#666666}
.modtitlink{color:#666666;font-size:12px;font-weight:bold}
a.modtitlink{color:#666666;text-decoration:none}
a.modtitlink:visited{color:#666666;text-decoration:none}
a.modtitlink:hover{color:#666666;text-decoration:underline}
.modact：“修改个人资料”链接
a.modact:link：“修改个人资料”链接
a.modact:visited：“修改个人资料”链接

.modbox：模块内容

.modtl：第一列，空列
.modtc：第二、三列，个人档案、修改个人资料
.modtr：第四列，空列
.modbl{background-color:#FFFFFF;line-height:1px}
.modbc{background-color:#FFFFFF;line-height:1px}
.modbr{background-color:#FFFFFF;line-height:1px}

文章列表模块
#mod_bloglist：整个文章列表模块
文章模块
#m_blog div.tit：标题
#m_blog div.tit a
#m_blog div.tit a:visited
#m_blog div.date：日期
#m_blog div.cnt：文章内容
#m_blog div.more：“阅读全文>>”
#m_blog div.more a：“阅读全文>>”链接

#m_blog div.more a:visited
#m_blog div.opt：菜单栏
#m_blog div.opt a：菜单项链接
#m_blog div.opt a:visited
#m_blog div.line：分隔条
#m_blog div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}

“个人档案”内容
#m_pro a：其中链接
#m_pro a:visited
#m_pro div.image：头像
#m_pro div.act{margin-top:10px}
#m_pro div.user：用户名
#m_pro div.desc：用户的简介
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px dashed #A6A6A6}
#m_pro td{color:#333333;line-height:24px;font-size:14px}

相册模块
#mod_album：整个相册模块
#m_album：相册模块内容
#m_album div.image：图片
#m_album div.page{color:#333333;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}

友情链接模块
#mod_links：整个友情链接模块
#m_links：友情链接模块内容
#m_links div.item：条目
#m_links div.item a
#m_links div.item a:visited
#m_links div.line：分隔符

文章分类模块
#mod_artclg：整个文章分类模块
#m_artclg：模块内容
#m_artclg div.item：条目
#m_artclg div.item a：条目链接
#m_artclg div.item a:visited：条目链接
#m_artclg div.line：条目分隔条

最新评论模块
#mod_comment：整个最新评论模块
#m_comment：模块内容
#m_comment div.item：评论作者
#m_comment div.item a：
#m_comment div.item a:visited
#m_comment div.item a.cnt：评论内容链接
#m_comment div.item a.cnt:visited
#m_comment div.item a.cnt:hover

#m_comment div.line：条目分隔条

相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px dashed #A6A6A6}
#m_albumlist div.tit{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a{color:#4A7FF8;font-size:14px}
#m_albumlist div.tit a:visited{color:#4A7FF8}
#m_albumlist span.count{color:#333333;font-size:12px;font-weight:bold}
#m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act{color:#4A7FF8;font-size:12px}
#m_albumlist a.act:visited{color:#4A7FF8}
#m_albumlist a.page{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}

好友
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a{color:#4A7FF8;font-size:12px}
#m_friend div.user a:visited{color:#4A7FF8}

#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px dashed #A6A6A6}

#m_setting a{color:#4A7FF8}
#m_setting a:visited{color:#4A7FF8}
#m_setting{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel{border:4px solid #FFDB7B}
#m_setting img.unsel{border:1px solid #D2D2D2}
#m_setting span.tit{font-size:14px}
#m_setting span.usr{color:#333333}
#m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line{margin-top:20px;line-height:16px;border-top:1px dashed #A6A6A6

#m_sysinfo a{color:#4A7FF8}
#m_sysinfo a:visited{color:#4A7FF8}
#m_sysinfo{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date{color:#333333;font-size:14px}

#m_setbase{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px dashed #A6A6A6}

#in_comment{width:710px}
#in_comment div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a{color:#4A7FF8;font-size:12px}
#in_comment div.user a:visited{color:#4A7FF8}
#in_comment div.user span.date{color:#333333;font-size:12px}
#in_comment div.desc{color:#333333;font-size:12px}
#in_comment div.line{margin-top:17px;line-height:17px;border-top:1px dashed #A6A6A6}

#in_send div.tit{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

#comm_info：“其它”模块

#ft：页脚的版权声明

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

6^# 大中小发表于 2006-10-5 01:46 只看该作者

一个CSS的漏洞

随着一声『观音娘娘到』，天上掉下个馅饼砸到你头上，
你获得了『观音娘娘』赠送现金31个MSN币。

关于css
在html中
连接到一个样式表是这样：
<head>
<link rel=stylesheet href="my.css" type="text/css">
<title>
my first stylesheet
</title>
</head>
的代码
而如果网页与css中的背景相冲突时，html优先
但如果去掉</head>中的">"时为"</head "
则css中的定义优先

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

7^# 大中小发表于 2006-10-5 01:46 只看该作者

空间增加自定义模块功能

自定义模块1
#m_mylink1 div.item{color:#333333;font-size:12px}
#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink1 div.item a:visited{color:#3399CC}
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定义模块2
#m_mylink2 div.item{color:#333333;font-size:12px}
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink2 div.item a:visited{color:#3399CC}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定义模块3
#m_mylink3 div.item{color:#333333;font-size:12px}
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink3 div.item a:visited{color:#3399CC}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定义模块4
#m_mylink4 div.item{color:#333333;font-size:12px}
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink4 div.item a:visited{color:#3399CC}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

TOP

msnsa

Anki

管理员

Rank: 10

Anki

Medal No.1 Medal No.0 联盟护卫王联盟护卫使联盟大法师联盟龙使者联盟宣传王联盟金指环爱中国2008

发短消息
加为好友
当前离线

8^# 大中小发表于 2006-10-5 01:47 只看该作者

如何更换空间的主体背景及文章的背景

主体背景应用于整个空间

一、背景为颜色

body{background:#ffffff}  /*表示背景为白色，亦可以用单词white代替*/

即body{background:black}

二、背景为图片

body{background:url(http//:图片位置)  参数} /*可识别的图片格式为jpg、gif、bmp等*/

主要参数：
repeat    ：背景图像在纵向和横向上平铺
no-repeat：背景图像不平铺
repeat-x  ：背景图像在横向上平铺
repeat-y  ：背景图像在纵向平铺

示例：

body{background:url(