优化Hermit播放器在白色字体下的显示效果

优化Hermit播放器在白色字体下的显示效果

二月 3, 2017 阅读 127 字数 708 评论 0 喜欢 0

首先用过Hermit的用户都知道,这个播放器无论是面板还是歌曲列表,颜色都是白色的,但是各位看官注意到没有,这个博客所用的Clearision主题文字颜色此时也是白色这就不可避免的出现了播放器内文字看不清的负面影响,毕竟白字放在白底上…..

我这种强迫症当然不愿意让播放器的字看不清,想过两种方案比较可行,第一种是把播放器的底色换成重颜色,让它和白字产生对比,但测试后发现很丑很不优雅,所以用第二种方法,直接去掉背景底色来实现吧。

这篇文章的第一个意义是笔记,以后hermit更新了我还要参照这篇文章的记录改回去,因为不想把css单独放出来,这样也还算是比较快捷的方法,第二个作用是帮助不熟悉操作F12开发者工具的独立博客博主在使用白色字体时同样遇到的hermit播放器字体辨认不清的问题。我作为魔改党改过luci和padavan的外观以及其他什么稀奇古怪的页面的外观,经验丰富,所以不必担心我这个技术渣会把你们的css搞爆炸。

首先,用你的ftp工具,从根目录开始,顺着/wp-content/plugins/hermit/assets/css/2.4.2/找到一个叫做hermit.css的文件,下载回来。

然后用NotePad++打开下载回来的css文件,直接Ctrl+F找到.hermit字段,注意啦,这里就是要修改的地方

然后去掉底色和外框线那两句就会变成这样

感觉是不是哪里不对?不知道你注意到没,上面的控制区底色还是白的,因为在代码里这一区域并不属于主background,所以改完别着急上传,还有这里要修改


和之前一样,直接删去这句话,最终效果如下:

此时看起来整个页面就优雅得多了,顺便附上之前的未修改效果:

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注