百度空间怎么在每个模块上面加花边
http://hi.baidu.com/chenkl888168
强烈推荐) http://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.htmlhttp://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.htmlhttp://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.htmlhttp://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.htmlhttp://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.htmlhttp://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.htmlhttp://hi.baidu.com/chenkl888168/blog/item/5f10fbfa12a2e6deb48f319e.html
之所以做这个教程是因为每次重做空间都要到处找代码,教程,太麻烦了,所以索性就转载回来了,免得以后又跑来跑去.
也可以方便别人做空间.
0. 原本空间CSS代码,因有人曾提出要看,所以特公布,各位多多指教!行胜于言
1.让QQ去哭吧!免费用QQ空间鼠标(原创)行胜于言.
2.上传MP3行胜于言.
3.给评论框加背景图片
4.教你美化你的模版 + 新个性时间
5.百度空间旭旭的家原全部CSS代码
6.背景色的半透明设置 + 给有阳光的地方,添上一点点投影
7.透明渐变播放器+背景音乐——透明渐变播放器
8.给超链接添加按钮效果 + 标题攻略
9.百度空间CSS教程-一个不错的CSS整站代码
10.如何固定空间背景
11.各模块添加滚动条实例 + 参数详解
12.音乐连播的超详细教程(原创)
13.在空间上显示,天气预报.系统信息.日历....... + 显IP特效代码——百度空间
14.百度空间 专栏分割线代码
15.百度空间CSS教程-一个不错的CSS整站代码
16.搜到更多的百度空间
17.☆个性化你的IP显示，自定义颜色☆
18.链接文字移动 + 去掉链接字体的下划线 + 鼠标放在链接字体上的时候，链接字体变粗，颜色改变
body{background-color:#530C0E}
——背景颜色
#header{height:89px;background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.jpg) repeat-x #FFDA41}
——主页左上角背景图片
#header div.lc{background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.jpg) no-repeat}
#header div.rc{background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.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:#FFC45E;text-decoration:none}
——空间名字链接颜色，未被点击
#header div.tit a.titlink:visited{color:#FFC45E;text-decoration:none}
——空间名字链接颜色，已被点击
#header div.desc{top:33px;left:20px;color:#FFC45E;font-size:13px}
——空间介绍位置大小颜色
#tabline{top:89px}
#tab{top:67px;background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.jpg repeat-x}
——页面上方“主页博客|相册……”栏背景图片
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;line-height:19px;background-color:#BC0304;color:#FFFFFF;font-size:14px}
——页面上方“主页”栏大小颜色＋背景
#tab span{color:#FFFFFF;font-size:14px}
#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}
——页面上方“博客|相册……”栏链接颜色，未被点击
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
——页面上方“博客|相册……”栏链接颜色，已被点击
#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{background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.jpg) repeat-x #9B1316}
#comm_info{color:#000000;font-family:Arial;text-align:left}
——其他中“已有 人次访问本空间”颜色位置
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——“已有 人次访问本空间”下面粉红色分割线相关设置
#comm_info a{color:#D77B18}——其它中“什么是RSS？”颜色
#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:#D77B18;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#D77B18}
#page a.pi{padding:3px;color:#D77B18;font-size:14px}
#page a.pi:visited{color:#D77B18}
.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:#FFFFFF;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:#FFF6E7;border-left:1px solid #FFF6E7;border-right:1px solid #FFF6E7}
——每个栏目的主背景颜色等
.modtl{background:url(http://img.baidu.com/hi/temp13/ptitl.gif) no-repeat top left;line-height:1px}
——每个栏目左上角远郊边沿图片
.modtc{background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.jpg) repeat-x}
——每个栏目标题中间的背景图片
.modtr{background:url(http://hiphotos.baidu.com/qianxu/pic/item/bb22574eb582f109b2de0534.jpg) no-repeat top right;line-height:1px}
——每个栏目右上角远郊边沿图片
.modbl{background-color:#FFF6E7;border-left:1px solid #FFF6E7;border-bottom:1px solid #FFF6E7;line-height:1px}
——每个栏目左下角点的设置
.modbc{background-color:#FFF6E7;border-bottom:1px solid #FFF6E7;line-height:1px}
——每个栏目最下端一条的设置
.modbr{background-color:#FFF6E7;border-right:1px solid #FFF6E7;border-bottom:1px solid #FFF6E7;line-height:1px}
——每个栏目右下角点的设置
#m_blog div.tit{font-size:14px;font-weight:bold}
#m_blog div.tit a{color:#000000;font-size:14px;font-weight:bold}
——日志标题大小颜色，未被点击
#m_blog div.tit a:visited{color:#000000}
——日志标题大小颜色，已被点击
#m_blog div.date{margin:5px 0 8px 0;color:#666666}
——日志日期文字大小颜色
#m_blog div.cnt{color:#000000;line-height:20px;font-size:14px}
——日志内容大小颜色
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a{color:#D77B18;font-size:14px}
——日志“阅读全文>>”的大小颜色，未被点击
#m_blog div.more a:visited{color:#D77B18}
——日志“阅读全文>>”的大小颜色，已被点击
#m_blog div.opt{color:#666666;font-size:12px}
——“类别：技术专区 | 编辑……”中的“|”的颜色大小
#m_blog div.opt a{color:#D77B18;font-size:12px}
——“类别：技术专区”的大小颜色
#m_blog div.opt a:visited{color:#D77B18}
——“编辑 删除 评论(4) 浏览(21)”的大小颜色
#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #F4C1B5}
——日之间的分割线的相关设置
#m_blog div.none{padding:100px 0 100px 0;color:#000000;font-size:14px}
——隐形设置，不需要改变
#m_pro a{color:#D77B18}
——个人档案中“查看详细信息”的颜色，未被点击
#m_pro a:visited{color:#D77B18}
——个人档案中“查看详细信息”的颜色，已被点击
#m_pro div.image{text-align:center}
——个人档案中照片的显示位置，分为“中，左，右——center,left,right”
#m_pro div.act{margin-top:10px}
——个人介绍和照片的间距
#m_pro div.user{margin-top:10px;color:#000000;font-size:12px;font-weight:bold}
——个人用户名的大小颜色
#m_pro div.desc{color:#000000;font-size:12px}
——个人介绍的大小颜色
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #F4C1B5}
#m_pro td{color:#000000;line-height:24px;font-size:14px}
#m_album div.image{text-align:center}
——相册中照片的显示位置，分为“中，左，右——center,left,right”
#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:#000000;font-size:12px}
——友情链接的连接描述的大小颜色
#m_links div.item a{color:#D77B18;font-size:12px;text-decoration:none}
——友情链接名的大小颜色，未被点击
#m_links div.item a:visited{color:#D77B18}
——友情链接名的大小颜色，已被点击
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——友情链接见的分隔符的相关设置
#m_artclg div.item{color:#666666;font-size:12px}
——文章分类中各分类后面主题数及括号的大小颜色
#m_artclg div.item a{color:#D77B18;font-size:12px}
——文章分类中各分类的大小颜色，未被点击
#m_artclg div.item a:visited{color:#D77B18}
——文章分类中各分类的大小颜色，已被点击
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——文章分类中各分类之间的分割线的相关设置
#m_comment div.item{color:#000000;font-size:12px}
#m_comment div.item a{color:#D77B18;font-size:12px}
——最新评论中用户名的大小颜色，未被点击
#m_comment div.item a:visited{color:#D77B18}
——最新评论中用户名的大小颜色，已被点击
#m_comment div.item a.cnt{color:#000000;font-size:12px;text-decoration:none}
——最新评论中评论文字的大小颜色，未被点击
#m_comment div.item a.cnt:visited{color:#000000;text-decoration:none}
——最新评论中评论文字的大小颜色，已被点击
#m_comment div.item a.cnt:hover{color:#000000;text-decoration:underline}
————最新评论中评论文字当鼠标移上去时的颜色
#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——最新评论中各评论之间的分割线的相关设置