自由屋推书网—热门的小说推荐平台!

你的位置: 首页 > wordpress分享

对wordpress主题威言威语文章宽度的修改

2015-02-03 11:23:17

wordpress对主题的支持非常完美,笔者一直喜欢威言威语weisay主题,断断续续的也做了一下修改,比如:威言威语主题默认字体大小的修改威言威语主题显示发布日期的修改。今天我们改一下主题的宽度自适应!默认的威言威语主题最大宽度设置是1000px;不管屏幕分辨率大小都按照1000px显示,今天笔者就改成按照百分比显示。

打开威言威语主题中的style.css文件,按照以下修改。

  1. .article{float:rightrightwidth:620px;border-bottom:1px #ddd solidoverflow:hidden;}
  2. .article_page{width:680px;}
  3. .article li{list-style:none}
  4. .articles{float:rightrightwidth:620px;border-bottom:1px #ddd solidpadding:10px 0 10px 0;overflow:hidden}
  5. .articles_page{width:680px;}

改为

  1. .article{float:rightrightwidth:91%;border-bottom:1px #ddd solidoverflow:hidden;}
  2. .article_page{width:98%;}
  3. .article li{list-style:none}
  4. .articles{float:rightrightwidth:91%;border-bottom:1px #ddd solidpadding:10px 0 10px 0;overflow:hidden}
  5. .articles_page{width:98%;}

=======================

  1. #content{width:990pxmargin:0 autopadding-top:5px}
  2. .main{float:leftwidth:690px;}

改为

  1. #content{width:95%; margin:0 autopadding-top:5px}
  2. .main{float:leftwidth:70%;}

=======================

  1. #roll {
  2.     display:block;
  3.     width:15px;
  4.     margin-right:-224px;
  5.     position:fixed;
  6.     rightright:50%;
  7.     top:33%;
  8.     _margin-rightright:-224px;
  9.     _position:absolute;
  10.     _margin-top:180px;
  11.     _top:expression(eval(document.documentElement.scrollTop));
  12.     }

改为

  1. #roll {
  2.     display:block;
  3.     width:15px;
  4.     margin-right:-224px;
  5.     position:fixed;
  6.     rightright:50%;
  7.     top:33%;
  8.     _margin-rightright:-224px;
  9.     _position:absolute;
  10.     _margin-top:180px;
  11.     _top:expression(eval(document.documentElement.scrollTop));
  12.     }

=========================

  1. #sidebar{float:rightrightwidth:260pxmargin-top:4px}

改为

  1. #sidebar{float:rightrightwidth:28%; margin-top:4px}

=========================

  1. .author_text {float:rightrightwidth:540px;}

改为

  1. .author_text {float:rightrightwidth:90%;}

这是修改了默认的style.css文件,css文件夹下的其他CSS文件修改同样的道理!

如果修改嫌麻烦直接下载CSS。只适用威言威语主题。http://yunpan.cn/cKkhQ39HwV9Xt 访问密码 beec

编辑推荐

热门小说