文字阴影的效果在应用中确实增加了网页的显示效果,我是觉得对我这个小站用不上,所以就去掉了。HotNews Pro 2.7主题作者可能也觉得没什么作用,所以他在新更新的HotNews Pro 2.7.1中也去掉了全站的文字阴影效果。
下面就是去掉HotNews Pro 2.7中文字阴影效果的方法。
打开style.css找到:
- body {
- background: #f2f2f2;
- font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
- color: #000;
- text-shadow: 0px1px0px#d1d1d1;
- }
去掉一句:
- text-shadow: 0px1px0px#d1d1d1;
其中,#d1d1d1为阴影颜色,可根据喜好自行更改。最终代码:
- body {
- background: #f2f2f2;
- font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
- color: #000;
- }
另外在:
- .comment-reply-link {
- font-size:12px;
- color: #fff;
- text-align:center;
- padding: 2px15px2px15px;
- text-shadow: 0px1px0px#000;
- }
和
- #featured .item .boxCaption {
- width:211px;
- padding:10px;
- margin: 115px 00 3px;
- position:absolute;
- top:160px;
- z-index:4;
- background:url(images/bg-box.png) repeat top left;
- color:#fff;
- text-shadow: 0px1px0px#000;
- }
及css.css样式文件中:
- #gg a{
- color: #fff;
- font-size: 13px;
- letter-spacing:2px;
- text-shadow: 0px1px0px#000;
- }
去掉:
- text-shadow: 0px1px0px#000;
其它主题也大同小异,在样式文件中找到全局属性body {}去掉上面那句阴影效果代码就可以了。
添加文字阴影的方法正好是反正来,本文借鉴知更鸟博客中《为主题添加文字阴影》。