百度HI空间:新增“自定义模块”代码详解
为方便大家修改新增的“自定义模块”属性，分析一下我的自定义模块代码：
几点注意事项：
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}
-------------------------------------------------------------------------------------------------------------
百度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}
——————————————————————————————————————————