博客美化？博客Valine评论样式美化
各位老铁们，大家好，今天由我来为大家分享博客美化，以及博客Valine评论样式美化的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！
百度博客有哪些优势
好极了
无缺点
正在升级
百度空间全面解释，请您耐心看！
——背景颜色
#header{height:89px;background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/hdbg.gif) repeat-x#FFDA41}
——主页左上角背景图片
#header div.lc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/hdl.gif) no-repeat}
#header div.rc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/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:#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(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/tabbg.gif) 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(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/bg.gif) 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(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/ptitl.gif) no-repeat top left;line-height:1px}
——每个栏目左上角远郊边沿图片
.modtc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/ptitc.gif) repeat-x}
——每个栏目标题中间的背景图片
.modtr{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/ptitr.gif) 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{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}
——最新评论中各评论之间的分割线的相关设置
下面的设置基本与主页关系不大，就没有测试。有兴趣的朋友可以自己试一下。
相册列表
#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提醒:使用前请确认你要向百度空间"http://hi.baidu.com/booboobooboo"发布文章
0.空间制作目录
http://hi.baidu.com/huge/blog/item/9f35cffc6b46f382b901a001.html
1.百度官方空间CSS说明
http://hi.baidu.com/huge/blog/item/83420fb3541b3ba7d9335a36.html
2.最浅显易懂的百度CSS教程
http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html
3.你的博客值多少钱？
http://hi.baidu.com/huge/blog/item/9ac5277f0d2e760828388a71.html
4.如何提高百度空间访问量?
http://hi.baidu.com/huge/blog/item/f6d7b745c7dee526cffca3ef.html
5.给百度空间的几点改进建议
http://hi.baidu.com/huge/blog/item/8f56d6889045ff94a4c272e9.html
6.百度空间的网址功能连接项
http://hi.baidu.com/huge/blog/item/075f510f6c82512a6059f3eb.html
7.个人空间常用特殊符号介绍
http://hi.baidu.com/huge/blog/item/33cea3cc9ca30b1001e928ea.html
8.CSS代码图解(转)
http://hi.baidu.com/huge/blog/item/4a3f11df34acf31363279830.html
9.百度空间实用技巧集
http://hi.baidu.com/huge/blog/item/a1225c603a4f25df8db10d9e.html
10.百度空间个性代码
http://hi.baidu.com/huge/blog/item/d3089d16e09cf051f3de321d.html
11.利用重新定义标签，达到写文章时迅速排版的目的
http://hi.baidu.com/huge/blog/item/a42b9b50a3bb5362853524e9.html
12.边框风格属性(border-style)
http://hi.baidu.com/huge/blog/item/7d4a252d6d53ae34349bf7e9.html
13.百度空间布局剖析
http://hi.baidu.com/huge/blog/item/73151d95820284087bf480e9.html
14.浏览器窗口滚动条特效及添加滚动条的方法
http://hi.baidu.com/huge/blog/item/8f4bd109bea71a82d1581be8.html
15.教你怎样让背景自动更新,包括头背景
http://hi.baidu.com/huge/blog/item/383ed42a924cb29b033bf6e8.html
16.给超链接添加按钮效果
http://hi.baidu.com/huge/blog/item/1e5c78f09eddd4c37931aa9b.html
17.超链接效果修改--由浅入深
http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html
18.插入图片位置的代码及效果演示图
http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html
19.使博客文章中链接在新窗口中打开
http://hi.baidu.com/huge/blog/item/c7a74aedac9df0d4b21cb166.html
20.文字发光方法!!!
http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html
21.自制闪字空间名称
http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html
22.各模块添加滚动条实例+参数详解
http://hi.baidu.com/huge/blog/item/1e285bb500016ece36d3ca9b.html
23.在百度空间里面添加自己的LOGO等等特效技巧
http://hi.baidu.com/huge/blog/item/1e285bb5000c6ece36d3ca9e.html
24.无缝调用不同模板CSS的办法
http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html
25.在文章中插入FLASH的制作过程
http://hi.baidu.com/huge/blog/item/8d419822c3b377f3d7cae2b5.html
26.百度空间添加FLASH播放器
http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html
27.教你如何制作个性化的标题栏
http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html
28.文章列表板块文章区边框的设置
http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html
29.百度空间搜索模块css样式
http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html
30.增加天气预报的方法
http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html
31.空间模块巧移动+文字快速插链接
http://hi.baidu.com/huge/blog/item/65e3f736c39700310a55a90c.html
32.在您的站点上添加 Windows Live Favourites收藏入口
http://hi.baidu.com/huge/blog/item/cdb10cf4d7feb2ef7609d703.html
33.滚动条与无滚动条
http://hi.baidu.com/huge/blog/item/e6feab646a1c01f0f7365402.html
34.背景音乐——透明渐变播放器
http://hi.baidu.com/huge/blog/item/afa4d0a2e9a448adcbefd000.html
35.显示IP地址代码
http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html
36.如何做半透明的百度空间
http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html
37.CSS在线编辑器
http://hi.baidu.com/huge/blog/item/deddc3fdbc4feb45d6887d3b.html
38.做分割线的方法
http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html
39.教你如何装饰(发表评论版块空白区)
http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html
40.装饰百空"发表评论"的"内容"部分
http://hi.baidu.com/huge/blog/item/4c1cd9f9d4915959252df2aa.html
41.给自己的主页加上漂亮的计数器
http://hi.baidu.com/huge/blog/item/c82ab600eaba4387e950cd39.html
42.在百度空间文章中设置滚动字
http://hi.baidu.com/huge/blog/item/3527349b1d187fb5c9eaf452.html
43.改变百度空间的模块宽度
http://hi.baidu.com/huge/blog/item/ae0aebc4701260a98226ac0f.html
44.CSS边框属性
http://hi.baidu.com/huge/blog/item/1430dd54398eb358d10906b7.html
45.网页滚动效果设置
http://hi.baidu.com/huge/blog/item/3b8459ee3c9175fbb3fb956b.html
46.一些CSS效果教程补遗
http://hi.baidu.com/huge/blog/item/a42b9b50a3725362853524a0.html
47.查看任何人CSS代码和音乐地址的最简单方法
http://hi.baidu.com/huge/blog/item/9791b90117916203738da571.html
48.访问量字体改变.........
http://hi.baidu.com/huge/blog/item/5625acaffedc37cc7cd92a71.html
49.关于百度空间新出的“最近访客”的css
http://hi.baidu.com/huge/blog/item/88d9d1c8b4845d177f3e6f71.html
50.打造个性鼠标效果
http://hi.baidu.com/huge/blog/item/d586d143172ace1273f05d11.html
51.百度空间设计的"终极技巧"
http://hi.baidu.com/huge/blog/item/cc4bccbfad9d560a19d81f54.html
52.留言板代码
http://hi.baidu.com/huge/blog/item/4e50fbf2c9084513b07ec549.html
53.关于百度空间实现各区域不同样式的定义
http://hi.baidu.com/huge/blog/item/b91c4bfb3ab0b465034f5615.html
54.实现百度官方空间的三列式布局
http://hi.baidu.com/huge/blog/item/47bca40f8ba0e4ecab64570b.html
55.致Baiduer CSS初学者
http://hi.baidu.com/huge/blog/item/bdff08fad765be9759ee9008.html
56.打造空间个性的图片效果
http://hi.baidu.com/huge/blog/item/6e9ea977ef48ac1ab051b90b.html
57.解决百度模板横向滚动条的问题
http://hi.baidu.com/huge/blog/item/8a38d40785adf9cc7b89470f.html
58.给空间加点可爱的符号
http://hi.baidu.com/huge/blog/item/7e3462d00c558e8ea0ec9c0f.html
59.百度空间竖状菜单效果代码
http://hi.baidu.com/huge/blog/item/ca3960593a63cb2b2834f006.html
60.分隔线素材大全及其它素材
http://hi.baidu.com/huge/blog/item/b677034fbca0e837afc3ab01.html
61.CSS鼠标样式大全http://myok.bokee.com/3429184.html
回答者：胡戈戈2008-魔法师五级 4-15 00:19
跟我一起玩百度空间CSS教程+090+(从"零"开始学玩百度空间)
http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
谭诚工作室: http://hi.baidu.com/tchzx
1.让你看懂css各个参数http://hi.baidu.com/tchzx/blog/item/1e0453e7c351052eb838200d.html
2.百度空间CSS使用说明http://hi.baidu.com/tchzx/blog/item/b360d33fddd2b0c27c1e714a.html
3.怎样编写CSS的! http://hi.baidu.com/tchzx/blog/item/d75fd7a2f36821adcaefd0e1.html
4.CSS代码解密http://hi.baidu.com/tchzx/blog/item/f106f71f339b06f5e1fe0bfe.html
5.一个CSS的漏洞http://hi.baidu.com/tchzx/blog/item/c1e74cfb9c6c8164024f560d.html
6.增加自定义模块功能http://hi.baidu.com/tchzx/blog/item/c207c91b9f69d7faae513303.html
7.更换主体及文章的背景http://hi.baidu.com/tchzx/blog/item/f7b0d609ad57ba82d0581b15.html
8.透明flash代码http://hi.baidu.com/tchzx/blog/item/5012e1cd15168a510eb345e3.html
9.百度空间十大宝藏http://hi.baidu.com/tchzx/blog/item/7e3daa6eb9da40da80cb4a62.html
10.制作个性化的标题栏http://hi.baidu.com/tchzx/blog/item/ae077109a6518aaf2fddd434.html
11.看到更多的百度空间http://hi.baidu.com/tchzx/blog/item/dbe16c634f5e47600d33fa07.html
12.百度空间的8个优缺点http://hi.baidu.com/tchzx/blog/item/75d054432e8b9e119213c606.html
13.专栏分割线的代码修改http://hi.baidu.com/tchzx/blog/item/32c416df0880ac1362279831.html
14.添加自己的LOGO图片http://hi.baidu.com/tchzx/blog/item/0bee1a9599002e087af48000.html
15.宣传百度空间的方法http://hi.baidu.com/tchzx/blog/item/a8f9758b7e459512c9fc7a59.html
16.添加多首背景音乐http://hi.baidu.com/tchzx/blog/item/5339282e42b2bd504ec22617.html
17.设置透明背景图http://hi.baidu.com/tchzx/blog/item/f4cb90dd7fad81345882ddb6.html
18.更改空间的鼠标样式http://hi.baidu.com/tchzx/blog/item/50c2c15cc3d17f43faf2c0b6.html
19.在空间里加入滚动条http://hi.baidu.com/tchzx/blog/item/702631d319d09a003bf3cfb6.html
20.透明的背景音乐的播放器http://hi.baidu.com/tchzx/blog/item/97f7b909d38ada246a60fbb6.html
21.透明个性化滚动条http://hi.baidu.com/tchzx/blog/item/3013b5fbeaff41224e4aeab6.html
22.给链接添加背景色效果代码http://hi.baidu.com/tchzx/blog/item/effb6427fc39db03908f9db6.html
23.显示"点击给你发消息"怎么在空间做! http://hi.baidu.com/tchzx/blog/item/62e02f3893d9c524b9998fb6.html
24.去掉文章题目下划线http://hi.b
博客Valine评论样式美化
原文链接： https://bestzuo.cn/posts/763113948.html
Valine是一款非常轻量级无后端实现的评论系统，目前很多静态博客如 Hexo、Jekyll、Hugo等等都原生支持 Valine，我使用的 halo博客由于自带评论系统的表情包功能很让我抓狂（等于没有），所以我仍然选择继续使用 Valine（我不会说是因为我不想放弃攒了一年的评论的）。
Valine官方文档
截至到本文更新时，Valine已经更新到了 v1.4.14版本，之前很多不支持的功能在疫情期间由于作者大大闲置在家连续爆肝 N个版本后也终于都支持了，当然，还有一些小功能我们也可以在其他人魔改的 Valine中找到并使用，这个我稍后推荐。
这个界面美化基本是萝卜白菜各有所爱了，有人喜欢原生 Valine的“素”，也有人喜欢根据自己的口味改一改。以下均是针对我的留言区样式进行的美化，如果你也是 v1.4.14版本，你可以直接使用以下样式。
这个在 Valine 1.4.5版本时就已经支持自定义表情包功能了，主要是配置 emojiCDN和 emojiMaps两个配置项，建议移步文档阅读。更重要的应该是表情包的来源，这里推荐 xaoxuu提供的 CDN表情包接口，覆盖了 aru、 tieba、 qq、 weibo等表情包。目前原生的表情包使用方法主要是在 emojiCDN中写路径， emojiMaps中写映射关系，这样在 js中添加大量表情包的时候还是感觉写的非常繁琐，所以我建议最好修改 Valine源码中的配置。
首先在源码中定位到这里，修改原新浪表情包的路径，对应 js配置中的 emojiCDN字段：
然后定位到这里，修改表情包的映射路径，对应 js中的 emojiMaps字段：
上面修改源码可以避免在 js中写大量繁琐的配置，有需要的小伙伴可以考虑一下。
因为在 js里面导入，所以我们添加表情包时也不需要一个个手动添加，以上面给出的 xaoxuu表情包为例，我们可以这么写：
在上面添加表情包后，进行分类应该是我们最直观的想法。但是原生 Valine的作者在目前并没有提供这个功能，以下我提供一个 MiniValine可以实现表情包分类功能。
MiniValine演示地址
这个作者提供了两种类型的 Valine评论插件，一个是 xCss样式的，也就是原生 Valine样式的作者；另外一种是 DesertP样式的，我在之前的 Hexo博客中也使用过（称为增强版 Valine）。由于现在原生 Valine的功能已经追上来了，所以我切换回了 xCss写的原生 Valine插件。
扯远了，话说回来，如果要使用这种自带表情包分类功能的 Valine插件的话，可以参考作者提供的 Github文档，另外，这版的 MiniValine不仅有表情包分类，下面要提供的博主、小伙伴标识之类的功能都已经集成了，还是很好用的。
这个图是我抄的 drew叔的（😅就是这么好意思），之前找了很多图，都觉得不是很好看，选来选去最后还是用 drew叔的感觉比较好看。建议大家在找图的时候最好找白色背景或者透明背景的，不然看起来很难看。
使用方法如下，将 CSS加到你的博客样式文件中。
上述的 url内的图片可以换成自己的口味。
这个就根据自己口味改了，甚至可以模仿 Disqus把这三个输入框放到与提交按钮在同一行。
使用前请确保 Valine评论的 div的 id是 vcomments，即<div id="vcomments"></div>如果是 class为 vcomments，那么将以下的#换成.即可。
这个比较简单，也可以给博客添加一些动态性。
这个看我评论区样式就知道了，这里就不放图了。
这个原生的 Valine就不支持了，我们需要使用魔改的 Valine文件，可以直接将原生的 Valine替换为以下的 Valine.min.js文件。
与原生的相比，多了以下功能：
使用方法与原生的类似，不同的是可以多设置几个参数：
举个例子，我们可以在 Valine的配置 js中增加字段如下：
以上在 Valine的配置中加入参数就可以实现了，并且不影响原生的其它参数。MD5加密可以推荐一个在线生成网站，不过 MD5前端单次加密本身不安全，但是安不安全是相对的，只有邮箱信息本身价值不大。如果对博客安全要求比较高，希望留言的小伙伴邮箱不被泄露（这当然无法完全避免），那么还是不建议使用这个。
这个功能主要是用 Service酱完成的，可以实现通过微信或者 qq提示你的博客收到了评论。原作者小康博客的原文写的非常详细了，如果需要开启这个功能，可以移步去阅读，我这里就不再花大篇幅赘述这个功能。
不许美化自己出处
红事会】郭德纲、邢文昭
甲：我发现一个规律
乙：什么规律？
甲：你看侯耀文为什么相声说得好？
乙：为什么？
甲：他爸爸是说相声的，侯宝林
乙：大师
甲：天津的杨仪为什么相声说得好？
乙：为什么？
甲：他爸爸是说相声的，杨少华
乙：没错
甲：天津的马志明为什么相声说的好？
乙：为什么？
甲：他爸爸是说相声的，马三立
乙：是啊
甲：你为什么相声说的好？
乙：哎，等会儿等会儿，我爸爸不说相声
甲：对，你爸爸是听相声的（指观众）
乙：哎你这怎么说话呢？
甲：没错啊，你爸爸是说相声的吗？
乙：不是啊
甲：那就是听相声的
乙：怎么那么别扭
甲：你可了不起啊，为人谦虚谨慎、戒骄戒躁，优点说不过来
乙：你过奖
甲：没有这些个优点想当初跟兔子赛跑他就赢不了
乙：我是那乌龟是怎么着
甲：不许美化自己
乙：这是美化吗？
甲：这人真好，琴棋书画样样精通，在同学堆里上看下看左看右看，能找到跟你一块儿站这着的人吗？没有了
乙：我有这么高吗？
甲：得到古人里边去找
乙：哪一位古人？
甲：宋朝的李师师
乙：李师师
甲：宋徽宗最爱李师师，琴棋书画样样精通，美艳惊人。有一句话说不说在我，听不听在你
乙：你说
甲：把名字改了吧
乙：叫什么啊？
甲：邢师师
乙：我改叫邢师师了
甲：就一个李师师把你比完了吗？
乙：还没完呢？
甲：没有
乙：哦
甲：这人性情刚烈，而且注重感情，同学当中挑不出来，只有一位古人跟你相比
乙：哪位？
甲：杜十娘
乙：杜十娘
甲：有一句话说不说在我，听不听在你
乙：你说
甲：把名字改了吧
乙：改什么？
甲：邢十娘
乙：改这名字了
甲：这还不算，你这人民族气节很重。比方说现在绍兴城有灾难了，你要是死了能把全绍兴城的老百姓都救了，你愿意去死吗？
乙：我当然可以死啊
甲：好，死去吧。我这救痛快多了
乙：这什么人呢！
甲：只有一位古人能跟你相比
乙：谁啊？
甲：赛金花
乙：啊？
甲：有一句话说不说在我听不听在你，把名字改了吧
乙：改什么？
甲：邢金花
乙：咳，像话吗！
甲：为什么你那么了不起啊，那是你祖上积德
乙：是啊
甲：他爸爸在北京城有名，一打听北京邢八爷
乙：有名
甲：邢八爷
乙：是
甲：北京八爷
乙：哦
甲：京八啊
乙：狗啊
甲：有名气啊
乙：那你把那爷字带出来行吧
甲：邢八爷可是一位大善人，心地特好
乙：是
甲：街上有一群孩子围着在打一只缺胳膊瞎眼的猫，那猫掺啊，求生不得，求死也不得，谁管啊？
乙：谁管啊？
甲：你爸爸
乙：我爸爸
甲：邢大善人，打这过：住手，都走开，谁家的缺德孩子，拿过那只猫，啪，脑浆都出来了
乙：啊？给打死了
甲：安乐死嘛
乙：这是安乐死吗？
甲：寒冬腊月大雪纷飞，对面过来一个老太太，蓬头垢面，脖子上挂一个布口袋，缺胳膊断腿，可怜啊，谁管啊？
乙：谁管呢？
甲：没人管啊，你爸爸过来了，掏出一把零钱，一块的，五毛的，一分的，五厘的，唰，放到老太太的袋里
乙：啊
甲：带出一张五十的
乙：损不损啊
甲：换零钱嘛
乙：这人的零钱也换啊
甲：邢大善人
乙：这是善人吗？
甲：邢大善人，北京城一打听没有不知道的，就是有一点，这么好的人，没结婚
乙：等会儿等会儿，我爸爸没结婚，我打哪来的？
甲：你是后来的事
乙：哦，开始没结婚
甲：结婚晚，净上街干善事去了，哪有时间管自己的婚事啊
乙：哎呦
甲：北京媒婆界都轰动了，要给你爸爸说媒，说有一家挺好的，也就是你姥姥家，你爸爸答应了
乙：恩
甲：媒婆赶紧来到你姥姥家，正瞧见你大舅站在门口，你大舅可了不起啊，是北大的高才生啊
乙：对啊，大才子啊
甲：那会儿放假，正站在门口看书，1米78的大个
乙：帅气啊
甲：剃一大光头，穿一大裤衩，光着膀子，胸口一撮毛，还纹着两条带鱼
乙：带鱼，那是二龙戏珠
甲：好看，还滴着血呢
乙：啊？
甲：头天刚纹的
乙：这是文人吗？
甲：站在门口拿着《金瓶梅》，还看画
乙：还有画啊，这是什么文人啊！
甲：媒婆一说是来说婚事的，你大舅赶紧让里边请。媒婆把来意一说，你姥姥乐啊
乙：是吗
甲：给你添麻烦，姑娘大了不能留，留来留去结冤仇，金莲这会儿出嫁我就放心了
乙：我妈叫金莲啊
甲：我没说你姥爷姓潘
乙：还是潘金莲，你看
甲：客气吗，金莲一出门我就放心了，以后芍药啊，牡丹啊，还得你多费心
乙：这都谁啊？
甲：你那几个姨
乙：我哪来那么些姨
甲：一说好这事，赶紧给你父亲道喜。你父亲高兴啊，叫人准备迎亲了
乙：哦
甲：到了迎娶那一天，你父亲是八抬大轿来到你姥姥家。屋里头你母亲顿足捶胸，我不去，我才不去，我就讨厌结婚，这些年净结婚了
乙：啊，象话吗
甲：姥姥也生气啊，别胡说八道，都几点了，别误了好时候，你真不去啊，我去吧
乙：回来，你去象话吗
甲：热心肠知道吗
乙：没有这热心肠的
甲：大伙儿都劝，去吧去吧。把你母亲扶上轿。这时你姥姥突一下子窜出来了
乙：比猫还利索。舍不得啊
甲：对啊，女儿是娘的心头肉啊，舍不得啊，你姥姥拿出一字条贴在轿子上：货已售出概不退换
乙：象话吗，撕了去
甲：轿子抬到你爸爸家，你爸爸把门一关，不要了。打街边过来四个流氓，你不要我们要了
乙：谁要给谁是吧！
甲：工夫不大是门分左右，鞭炮齐鸣，八抬大轿往里走，中间有一个盆，里面有火苗子，茶房手里端着酒，往上一泼，讲究日子红红火火。要泼还没泼，你父亲过来了，等会儿，那点火苗子算什么，我屋里有汽油
乙：嚯
甲：大伙儿拦着你别胡来。把新人掺进来，满院的亲友啊。老爷子真高兴啊，把衣服全脱了
乙：啊
甲：换一身新衣裳
乙：那上屋里换去
甲：换了一身新衣裳来到院里，你爸爸脸一下子红了
乙：怎么了？
甲：没穿裤子
回答于 2014-03-18
抢首赞
寄拍接单平台-淘宝热卖好物汇集，品牌众多，放心购!
下单处
￥80元
新老客户优惠全天在线接单
￥1.18元
老用户新优惠全天在线接单
￥4.88元
菜鸟裹裹寄快递50元优惠券2张上门取件寄件券新老客户通用
￥1.5元
simba.taobao.com广告
火锅桌椅专区-百度爱采购
百度爱采购为你优选海量火锅桌椅热销货源，支持在线选购，实时询价。批发选购火锅桌椅，上百度爱采购火锅桌椅专题页。
北京百度网讯科技有限公司广告
如何评价相声有新人第五期?
亿万知友正在分享过来人的经验，下载知乎，发现更大的世界。有问题，就会有答案，知乎，更靠谱的问答社区。
广告
求郭德刚相声台词
美丽人生（上场）郭：谢谢，感谢大家给我一个人的掌声…于：咱这可是两个人在表演。郭：再拍是给你拍的……没人拍。于：谁说没人拍，这不这么多人鼓掌呢么。郭：人来得真不少。于：就是。郭：有好几万人于：也没那么多。郭：好几个姓万的于：这么个好几万人啊郭：来这么多人干什么来的呢于：啊郭：都是看您来的于：那可不敢郭：看看您，北京德云社著名相声演员——驴谦。于：驴谦啊~~郭：嗨，说错了，于谦。于字大伙都会写于：就是郭：左边一个马右边一个户……于：还是驴啊郭：于老师，好人！！于：不是郭：真是好人！！于：真的不是。郭：放眼整个北京相声界，再想找出一个跟于老师，相提并论的，没有！于：您这意思跟我比的都没有了郭：恩~只能从古人里边，找出几个出类拔萃的，跟您一样于：从古人里边找？？都有谁呀？郭：比如说，东汉，有一个叫蔡伦的于：哦~发明造纸术的那位，高人啊郭：蔡伦跟于老师，一样！于：还有吗郭：司马迁于：写史记，更是高人郭：恩，司马迁跟于老师，一样于：还有郭：明朝，有一个，郑和于：下西洋郭：郑和跟于老师，一样于：还有郭：东方不败！（于拦截）李宇春！！！！于：你别瞎说我告诉你，一会警察逮你来郭：一样……于：那不一样郭：于老师前两天身体不好，生病住院于：有这么一回事郭：北京晚报都登了，说著名相声演员于谦，因病住院，咽炎于：有那么一点小名气郭：你要是别的行当，这也许不算什么，但是对于我们，“别骂我们说相声的！”这叫叫门，“算我没说”你说北京晚报也是，咽炎住院北京晚报都登了这上哪说理去，于：就是郭：咽炎是病吗？于：也不是什么大病郭：现在好多人得咽炎于：咽炎也很常见郭：就连好多古人也得咽炎于：古人得咽炎？都有谁啊郭：李莲英！于：李莲英得咽炎？？怎么郭：阉完了发炎……于：这么一个咽炎啊郭：于老师刚从手术室推出来，身体很不好，但是精神不错（兰花指）“没事！”于：这还没事？还俩手？？郭：所以今天我能和于总管站在一起……于：什么于总管郭：大内总管嘛于：我跟他不是一地方郭：那是，他是作坊你是协和做的于：一边去郭：于老师这个人人特别好，和我关系也特别好，三天两头看不见我就想他，闲来无事在网吧上网，搜搜于谦的消息吧于：网上有我不少消息郭：尤其是于老师的照片，在网上很火，公安局网监大队明令禁止于：那是我照片吗郭：你们起什么哄？我没看够200张，所以今天和于冠希老师站在一起…于：你怎么把我姓都给改了郭：我还上过你的那个…嫖客于：您还上过我的嫖客？？那咱俩得认干姐妹了…郭：什么话呀！！你很三俗于：你不说我想的起来吗郭：那是什么于：博客郭：我在那博客上一看，诶哟，那么多人点你呀于：那么多人点我，像话吗郭：（用手指点）这不是点你吗于：嗨，您说错了，点击郭：点你就是点鸡？？于：越说越不像话了，点击率郭：怎么还绿呀于：说不清楚了跟你郭：于老师人很好，我很崇拜他，他就是我的偶像，我要从各方面先后他学习，于老师养活一小花猫，咱也养一个，于老师养一只狗，咱也养一个。于老师狗好，棕狮，大脑袋这么大个，咱们养一个，京巴跟博美的串，脑袋跟蒜似的，屁股跟南瓜似的，于老师的狗，叫脸于：脸大的叫脸郭：咱们这个叫屁股吧于：也不会起名字郭：过了两个月，于老师腻了，于老师不要脸了于：怎么那么别扭啊郭：咱们接着养，过了一年，火~~~~长这么大个，有一天于老师跟我走对脸，于老师哭了，“这我要还养活那狗多好”于：怎么郭：“我的脸比屁股还大”于：什么话呀郭：于老师买衣服，咱看着，咱也买，与老师买一衬衫，粉色的衬衣，上面画着黑白线，于老师买裤子，大红的裤子，上面画着粉色的莲花，翠绿的花瓣，于老师买鞋，据黄色的皮鞋版青色的鞋帮，上面画着黑白芝麻于：我穿这一身估计得枪毙郭：与老师买帽子去了，与老师买一绿帽子于：您呢郭：咱们庆祝吧于：哦这个您不学了郭：于老师热爱生命热爱运动，这一点很值得我学习，最喜欢的是那个裸奔，于：裸奔是运动吗郭：他跟那德云社那李斌，奔友于：奔友？？郭：俩人家住的也近，闲着没事李斌找于谦去，于谦好面，那好酒好菜招待，酒足饭饱之后，李斌出主意：“裸奔吧，打赌100块钱，不敢去就说”说完嗖~出去了。绕小区跑一圈，回来了.“拿钱”于老师急了，“我还没跑呢”嗖~也出去了，刚跑半圈，过来四个居委会老头：你要脸吗，刚才出去一次没逮住你怎么又来了于：看准了再逮郭：这都真事于：什么真事！郭：于老师热爱生命热爱运动于：这样的运动我不爱郭：非常喜欢那游泳于：这倒是真的郭：有事没事常叫上我，游泳去——不去！于：怎么不去呀郭：有人在那里撒尿于：这么恶心郭：止不住谁糖尿病！，万一再齁住我怎么办于：甜的啊郭：自己游泳去了，下午三点给我打电话：德刚你带钱来赎我吧，尿尿让人逮住了…于：我还真干那事呀郭：把他赎出来之后，我问他：你可真够可以的，有一万人在里边撒尿都没逮住怎么光逮住你了？“嗨，别提了，他们都在池子里尿，我在池子外尿……于：我怎么那么缺心眼啊郭：过两天又给我打电话，德刚你再来赎我来吧，尿尿又让人逮住了。赎出来我说你疯了？，他说我这回是在池子里尿，这不前两天刚罚完钱，我生气，我一着急一上火，尿出来的尿是黄的，我这回是一边游一边尿，戴红箍的看见了：“逮那个飞机拉线的!”于：那是我吗郭：后来我们都告诉他，不能再在游泳池游泳了，北京各大游泳池贴着你相片，于谦与狗不得入内于：游泳池也通缉我啊郭：实在没办法，咱上郊区游去，找到了一个风景如画四季如春的地方，怀柔。这回没人来了吧？这回没人通缉我了吧？于：没了，游吧郭：有~~~~人~~~~吗~~~~于：你非得喊点人过来呀，快游啊郭：没人来脱衣服，军大衣脱了于：我冬天来的？？郭：西装于：我穿正装啊郭：毛衣于：我穿的够严实的郭：领带于：我还打领带郭：衬衣（表演脱胸罩）于：你等会你等会，没有这么开玩笑的，你说清楚这是什么郭：背背佳！于：我穿背背佳干什么呀郭：腰疼。于：腰疼就穿背背佳？？郭：上面都脱完了，脱下面：马靴脱了于：我骑马去的啊郭：裤子脱了。线裤三层保暖秋裤毛裤于：毛裤穿秋裤里头？？郭：雨裤于：我穿雨裤啊郭：毛线内裤于：你才穿毛线内裤呢郭：这解刺痒于：没它不刺痒郭：（脱高筒袜）于：你等会，要是这个刚才那个就不是背背佳了郭：脱完游吧（学王八）歘~~~歘~~~歘~~~于：这什么姿势郭：一会，恩？太阳出来了，上岸晒晒后背吧于：王八呀郭：不许美化自己于：这还美化那郭：就在这时候，过来仨女的，许你来游就许人家来，于老师急坏了，他光着身子呢，那么多东西一座库穿上不行呀，就在这时旁边有一个水桶，与老师可算得到救命稻草了，慌忙把那个挡在身前，这三个女的过来跳着脚的骂街：“没羞没臊，臭流氓”，于老师急了，“没看我拿桶挡着么”“废话，你看那桶有底
感谢您的阅读！希望本文对解决您关于博客美化的问题有所帮助。如果您还有其他疑问，欢迎随时向我们提问。