为HotNews Pro 2.7主题去掉文字阴影的方法


文字阴影的效果在应用中确实增加了网页的显示效果,我是觉得对我这个小站用不上,所以就去掉了。HotNews Pro 2.7主题作者可能也觉得没什么作用,所以他在新更新的HotNews Pro 2.7.1中也去掉了全站的文字阴影效果。

下面就是去掉HotNews Pro 2.7中文字阴影效果的方法。

打开style.css找到:

  1. body {
  2. background: #f2f2f2;
  3. font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
  4. color: #000;
  5. text-shadow: 0px1px0px#d1d1d1;
  6. }

去掉一句:

  1. text-shadow: 0px1px0px#d1d1d1;

其中,#d1d1d1为阴影颜色,可根据喜好自行更改。最终代码:

  1. body {
  2. background: #f2f2f2;
  3. font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
  4. color: #000;
  5. }

另外在:

  1. .comment-reply-link {
  2. font-size:12px;
  3. color: #fff;
  4. text-align:center;
  5. padding: 2px15px2px15px;
  6. text-shadow: 0px1px0px#000;
  7. }

  1. #featured .item .boxCaption {
  2. width:211px;
  3. padding:10px;
  4. margin: 115px 00 3px;
  5. position:absolute;
  6. top:160px;
  7. z-index:4;
  8. background:url(images/bg-box.png) repeat top left;
  9. color:#fff;
  10. text-shadow: 0px1px0px#000;
  11. }

及css.css样式文件中:

  1. #gg a{
  2. color: #fff;
  3. font-size: 13px;
  4. letter-spacing:2px;
  5. text-shadow: 0px1px0px#000;
  6. }

去掉:

  1. text-shadow: 0px1px0px#000;

其它主题也大同小异,在样式文件中找到全局属性body {}去掉上面那句阴影效果代码就可以了。

添加文字阴影的方法正好是反正来,本文借鉴知更鸟博客中《为主题添加文字阴影》。


发表回复

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