wordpress对主题的支持非常完美，笔者一直喜欢威言威语weisay主题，断断续续的也做了一下修改，比如：威言威语主题默认字体大小的修改、威言威语主题显示发布日期的修改。今天我们改一下主题的宽度自适应！默认的威言威语主题最大宽度设置是1000px；不管屏幕分辨率大小都按照1000px显示，今天笔者就改成按照百分比显示。
打开威言威语主题中的style.css文件，按照以下修改。
- .article{float:rightright; width:620px;border-bottom:1px #ddd solid; overflow:hidden;}
- .article_page{width:680px;}
- .article li{list-style:none}
- .articles{float:rightright; width:620px;border-bottom:1px #ddd solid; padding:10px 0 10px 0;overflow:hidden}
- .articles_page{width:680px;}
改为
- .article{float:rightright; width:91%;border-bottom:1px #ddd solid; overflow:hidden;}
- .article_page{width:98%;}
- .article li{list-style:none}
- .articles{float:rightright; width:91%;border-bottom:1px #ddd solid; padding:10px 0 10px 0;overflow:hidden}
- .articles_page{width:98%;}
=======================
- #content{width:990px; margin:0 auto; padding-top:5px}
- .main{float:left; width:690px;}
改为
- #content{width:95%; margin:0 auto; padding-top:5px}
- .main{float:left; width:70%;}
=======================
- #roll {
- display:block;
- width:15px;
- margin-right:-224px;
- position:fixed;
- rightright:50%;
- top:33%;
- _margin-rightright:-224px;
- _position:absolute;
- _margin-top:180px;
- _top:expression(eval(document.documentElement.scrollTop));
- }
改为
- #roll {
- display:block;
- width:15px;
- margin-right:-224px;
- position:fixed;
- rightright:50%;
- top:33%;
- _margin-rightright:-224px;
- _position:absolute;
- _margin-top:180px;
- _top:expression(eval(document.documentElement.scrollTop));
- }
=========================
- #sidebar{float:rightright; width:260px; margin-top:4px}
改为
- #sidebar{float:rightright; width:28%; margin-top:4px}
=========================
- .author_text {float:rightright; width:540px;}
改为
- .author_text {float:rightright; width:90%;}
这是修改了默认的style.css文件，css文件夹下的其他CSS文件修改同样的道理！
如果修改嫌麻烦直接下载CSS。只适用威言威语主题。http://yunpan.cn/cKkhQ39HwV9Xt 访问密码 beec
接古代帝王订单，我赚的盆满钵满
你管这叫煤气罐？
宋沫靳渊
新婚夜，女将军赶我进书房
岑云锦顾景杭
沈知星段渠
大佬重生：带着异能空间种田
萌崽崽！被读心！全家逆天改命了
重生一次，我必把你们赶出家门
重生后嫁给渣夫义兄
引火
绝世高手张宇
广城的初夏都特别热许雨晴
虞溪蔷沈泊礼
天才萌宝：妈咪只想当咸鱼
我穿成了小说里的贫穷路人甲