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

你的位置： 首页 > wordpress分享

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

2015-02-03 11:23:17

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

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

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

改为

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

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

  1. #content{width:990px; margin:0 auto; padding-top:5px}
  2. .main{float:left; width:690px;}

改为

  1. #content{width:95%; margin:0 auto; padding-top:5px}
  2. .main{float:left; width: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:rightright; width:260px; margin-top:4px}

改为

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

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

  1. .author_text {float:rightright; width:540px;}

改为

  1. .author_text {float:rightright; width:90%;}

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

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

wordpresswordpress主题wordpress主题修改威言威语主题

最新文章

最新推荐

编辑推荐

热门小说

热门文章

《亲妈是千金，舅舅哥哥排队宠》全章节小说_黎嘉沅黎维全文阅读最新小说《蓄意交换》大结局阅读顾今歌沈亦君小说 第4章免费试读主角墨九林倾城小说《陈耀祖颂猜》人在北美算命，我真不是巫师啊章节目录免费阅读小说阮幼微宋淮笙在线阅读我一个修仙宗，咋老被人扶贫？全文试读 李修闲王教授小说全本无弹窗小说命只剩两年，迟来的亲情林风txt全文在线阅读主角名叫许泽明牧晴雪的小说【知乎】《和周贺也结婚十年》贺蓉周贺也完结版免费阅读