作者：王士伟
出处：缘定沧桑居——http://hi.baidu.com/tblc

为方便大家修改新增的“自定义模块”属性，

几点注意事项：

1、需要修改颜色的，如“#C43C3C”或“maroon”、“white”可参考百度官方 颜色选择器 修改为想要的16进制颜色代码；
2、需要修改大小的，如“12px”等，改为其他数值即可，如16px；
3、需要修改排布方式的如“TEXT-ALIGN: center”，center（居中）可改为left（左对齐），right（右对齐）；

/** 模块 我的相关页面 **/ #m_mylink1{scrollbar-face-color: #C43C3C;  /*scrollbar开头的这几行代表滚动条各部分的颜色，可参照百度颜色选择器修改*/  ;  scrollbar-shadow-color: maroon;  scrollbar-highlight-color: white;  scrollbar-3dlight-color: #C43C3C;  scrollbar-darkshadow-color: #C43C3C;  scrollbar-arrow-color: #C43C3C;  scrollbar-base-color: #C43C3C;  scrollbar-track-color: #C43C3C;  overflow-y:auto;height:300px;  /*300px代表滚动条长度，改为其他数值即可改变*/  ;filter: chroma(color=#C43C3C);}  /*我的相关页面的滚动条*/ #m_mylink1 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;}  /*模块中文字的颜色、文字大小和排布样式*/  #m_mylink1 div.item a{color:#D77B18;font-size:12px}  /*模块中的链接没有被点击过时的颜色，文字大小*/  #m_mylink1 div.item a:visited{color:brown}  /*链接被点击过后的颜色*/  #m_mylink1 div.item a:hover{color:red;text-decoration:underline}  /*当鼠标移到连接上时链接的颜色*/  #m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}   /*两个链接间的分隔线的位置、大小和颜色*/   /*下面几个模块和上面的大同小异，可参照上面修改*/  /** 模块 兄弟姐妹 **/ #m_mylink2{scrollbar-face-color: #C43C3C;  scrollbar-shadow-color: maroon;  scrollbar-highlight-color: white;  scrollbar-3dlight-color: #C43C3C;  scrollbar-darkshadow-color: #C43C3C;  scrollbar-arrow-color: #C43C3C;  scrollbar-base-color: #C43C3C;  scrollbar-track-color: #C43C3C;  overflow-y:auto;height:300px;filter: chroma(color=#C43C3C);}  /*兄弟姐妹的滚动条*/ #m_mylink2 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;} #m_mylink2 div.item a{color:#D77B18;font-size:12px} #m_mylink2 div.item a:visited{color:brown} #m_mylink2 div.item a:hover{color:red;text-decoration:underline} #m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5} /** 模块 我的收藏 **/ #m_mylink3{scrollbar-face-color: #C43C3C;  scrollbar-shadow-color: maroon;  scrollbar-highlight-color: white;  scrollbar-3dlight-color: #C43C3C;  scrollbar-darkshadow-color: #C43C3C;  scrollbar-arrow-color: #C43C3C;  scrollbar-base-color: #C43C3C;  scrollbar-track-color: #C43C3C;  overflow-y:auto;height:300px;filter: chroma(color=#C43C3C);}  /*我的收藏的滚动条*/ #m_mylink3 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;} #m_mylink3 div.item a{color:#D77B18;font-size:12px} #m_mylink3 div.item a:visited{color:brown} #m_mylink3 div.item a:hover{color:red;text-decoration:underline} #m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5} /** 模块 备用 **/ #m_mylink4 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;} #m_mylink4 div.item a{color:#D77B18;font-size:12px} #m_mylink4 div.item a:visited{color:brown} #m_mylink4 div.item a:hover{color:red;text-decoration:underline} #m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}

全文转载du掌柜关于这次升级的介绍：

亲爱的Hier： 我们刚刚升级增加了自定义模块，为您提供了更自由的发挥空间。您可以在自定义模块中随意添加文字及链接，增加展现，彰显自我。 主要功能： 1 在空间主页可以添加自定义栏目模块，如：我喜欢的书、我喜欢的专辑、我最近看过的电影…… （可随意添加4个） 2 栏目的内容可以随意添加（目前支持文字及文字链的添加）   使用说明： 1、 如何添加自定义模块？ 在“设置”的“高级设置”页点击“开始自定义”中的“内容模块” 勾选自定义模块1 ；自定义模块2；自定义模块3 ；自定义模块4中的任意一个或几个点击“保存修改”即可添加自定义模块。   2 、在哪里编辑自定义模块？ 添加自定义模块后在主页下方，单击自定义模块右边的“编辑”，在弹出的窗口中进行编辑修改。   3、 如何更改自定义模块的名称和添加/修改自定义模块的内容？ 1）打开编辑窗口 添加自定义模块后在自定义模块右侧点击“编辑”弹出编辑窗口。 2）编辑模块名称 在模块名称的右侧点击“编辑”在即可更改模块名称，点击“确定”可完成模块名称更改。 3）添加模块内容 在“链接名称”“链接地址”“描述”中填入相关的内容，点击下面的“确定”即可。 4）保存设置 全部操作完毕后，点击页面右上角的“×”关闭即可保存生效。 感谢您一如既往地关注与支持，如果您对本次升级有任何意见或建议欢迎提出！ ps.自定义模块会再次升级，升级后可添加图片到自定义模块中。

百度CSS介绍中自定义模块的原始代码：

自定义模块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}

我的当前代码：

/** 模块 我的相关页面 **/ #m_mylink1{scrollbar-face-color: #C43C3C;  scrollbar-shadow-color: maroon;  scrollbar-highlight-color: white;  scrollbar-3dlight-color: #C43C3C;  scrollbar-darkshadow-color: #C43C3C;  scrollbar-arrow-color: #C43C3C;  scrollbar-base-color: #C43C3C;  scrollbar-track-color: #C43C3C;  overflow-y:auto;height:300px;filter: chroma(color=#C43C3C);}  /*我的相关页面的滚动条*/ #m_mylink1 div.item{color:silver;font-size:12px;TEXT-ALIGN: center;} #m_mylink1 div.item a{color:#D77B18;font-size:12px} #m_mylink1 div.item a:visited{color:brown} #m_mylink1 div.item a:hover{color:red;text-decoration:underline} #m_mylink1 div.line{margin-top:1px;line-height:0px} /** 模块 兄弟姐妹 **/ #m_mylink2 div.item{color:silver;font-size:12px;TEXT-ALIGN: center;} #m_mylink2 div.item a{color:#D77B18;font-size:12px} #m_mylink2 div.item a:visited{color:brown} #m_mylink2 div.item a:hover{color:red;text-decoration:underline} #m_mylink2 div.line{margin-top:1px;line-height:0px} /** 模块 我的收藏 **/ #m_mylink3{scrollbar-face-color: #C43C3C;  scrollbar-shadow-color: maroon;  scrollbar-highlight-color: white;  scrollbar-3dlight-color: #C43C3C;  scrollbar-darkshadow-color: #C43C3C;  scrollbar-arrow-color: #C43C3C;  scrollbar-base-color: #C43C3C;  scrollbar-track-color: #C43C3C;  overflow-y:auto;height:300px;filter: chroma(color=#C43C3C);}  /*我的收藏的滚动条*/ #m_mylink3 div.item{color:silver;font-size:12px;TEXT-ALIGN: center;} #m_mylink3 div.item a{color:#D77B18;font-size:12px} #m_mylink3 div.item a:visited{color:brown} #m_mylink3 div.item a:hover{color:red;text-decoration:underline} #m_mylink3 div.line{margin-top:1px;line-height:0px} /** 模块 公告栏 **/ #m_mylink4 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;} #m_mylink4 div.item a{color:#D77B18;font-size:12px} #m_mylink4 div.item a:visited{color:brown} #m_mylink4 div.item a:hover{color:red;text-decoration:underline} #m_mylink4 div.line{margin-top:-5px;line-height:0px}