喵玉宽屏+精简
本帖最后由 w10036w 于 2013-7-17 23:56 编辑初来乍到，先给技术区的大触们拜个山头
最近用各种姿势浏览论坛，确认无bug后就发上来了
最新的dz和pw都有主动宽屏了，喵玉殿大概不常更新版本吧233
注意只支持chrome和FF，其他的右上角或者ctrl+w
自己写了点让喵玉变宽的东西，顺手把一些不太常用的功能省略下,最底下我会逐行解释
先看我的最终效果吧↓
自设背景+背景透明度95%+消去某些占地面积大and个人不常用版块
http://www.nyasama.com/bsup/nyaup/attachment/forum/201307/14/0021244m7vt7wlm877480q.jpg
消去某些个人不常用版块
http://www.nyasama.com/bsup/nyaup/attachment/forum/201307/14/0000332t1752ow5jujajt5.jpg
可以看到字体被我放大了1.2倍
http://www.nyasama.com/bsup/nyaup/attachment/forum/201307/14/001317g0bl850bre0gfr57.jpg
方法
Chrome 下载扩展 stylish extension,然后多出这么一个东西file:///C:\Users\user\AppData\Roaming\Tencent\Users\1483506918\QQ\WinTemp\RichOle\}BD%T34~B1]@YGXZ28US4%I.jpgfile:///C:\Users\user\AppData\Roaming\Tencent\Users\1483506918\QQ\WinTemp\RichOle\}BD%T34~B1]@YGXZ28US4%I.jpgfile:///C:\Users\user\AppData\Roaming\Tencent\Users\1483506918\QQ\WinTemp\RichOle\}BD%T34~B1]@YGXZ28US4%I.jpgfile:///C:\Users\user\AppData\Roaming\Tencent\Users\1483506918\QQ\WinTemp\RichOle\}BD%T34~B1]@YGXZ28US4%I.jpgfile:///C:\Users\user\AppData\Roaming\Tencent\Users\1483506918\QQ\WinTemp\RichOle\}BD%T34~B1]@YGXZ28US4%I.jpg点了然后点最后一个选项，英文是manage installed styles,中文是啥？不知道。
然后猛戳- -
然后
用code代码总吞我最后一行，先用引用↓
自用代码
body{background:url() repeat!important;}
body>div{width:100%!important}
body>div>div{width:99%!important}
body>div>div>div{width:99%!important}
#wp{padding:0;margin:0!important}
#hd{height:140x!important}
.wp{padding:0 0!important}
div.p_pof{width:40%!important}
div.p_opt{width:90%!important}
.tip{width:10%!important}
#qmenu_menu{width:27%!important}
textarea{height:300px!important}
div{display:none}
#frameou85ow{display:none!important}
#fastpostsml_menu{width:41%!important}
div,#ft,#online,#smilies_preview{display:none!important}
.fl_tb,.area{font-size:1.2em;!important}
.wp{opacity:0.95}
.tl{background-color:#FFFFF0;opacity:0.85}
火狐需要下载stylish plugin
代码为
@-moz-document domain("nyasama.com") {
body{background:url() repeat!important;}
body>div{width:100%!important}
body>div>div{width:99%!important}
body>div>div>div{width:99%!important}
#wp{padding:0;margin:0!important}
#hd{height:140x!important}
.wp{padding:0 0!important}
div.p_pof{width:40%!important}
div.p_opt{width:90%!important}
.tip{width:10%!important}
#qmenu_menu{width:27%!important}
textarea{height:300px!important}
div{display:none}
#frameou85ow{display:none!important}
#fastpostsml_menu{width:41%!important}
div,#ft,#online,#smilies_preview{display:none!important}
.fl_tb,.area{font-size:1.2em;!important}
.wp{opacity:0.95}
.tl{background-color:#FFFFF0;opacity:0.85}
}
我解释一下
1. body{background:url() repeat!important;}把（）里换成你想要的背景图片
2.body>div{width:100%!important}
body>div>div{width:99%!important}
body>div>div>div{width:99%!important}
#wp{padding:0;margin:0!important}
#hd{height:140x!important}
.wp{padding:0 0!important}
div.p_pof{width:40%!important}
div.p_opt{width:90%!important}#fastpostsml_menu{width:41%!important}
#qmenu_menu{width:27%!important}
这个部分是用于宽屏设置的，如果只想要宽屏效果就只复制这段那个……很对不起背景图的画师的说
3.textarea{height:300px!important}
如果你经常编辑很长的帖子，那么你需要
4.div{display:none}
如果你对版规烂熟于心，永不再犯
5.#frameou85ow{display:none!important}
如果不想看主页的新图预览
6. div,#ft,#online,#smilies_preview{display:none!important}
如果不想看最底下的一堆信息
7. .fl_tb,.area{font-size:1.2em;!important}
调大部分板块字体
8..wp{opacity:0.95}
.tl{background-color:#FFFFF0;opacity:0.85}
透明度调整，如果你用了1，那么可以用这条
大技术宅，跪！双浏览器..chrome+IE..谷歌我用用试试.. 我一直坚信着一句话：技术宅拯救世界啊 喔？這個設置看起來還不錯呢，真是辛苦了 表示这里宽屏，但是用的是世界之窗。。。是时候换蓝大人了！
制作辛苦了{:ml30:} 本帖最后由 w10036w 于 2013-7-19 09:47 编辑
占星者卡德加 发表于 2013-7-19 09:39 static/image/common/back.gif
表示这里宽屏，但是用的是世界之窗。。。是时候换蓝大人了！
制作辛苦了
这个怎么做到的？我刚下了世界，但并没有发现类似的宽屏功能，求教 好厉害的技术，大大我膜拜你 本帖最后由 斯人之徒 于 2014-3-16 15:22 编辑
樓主大人，辛苦您了
還有maxthon 的擴展可以用：http://extension.maxthon.com/detail/index.php?view_id=1711
以下是自用成果截圖：
http://i.imgur.com/qbQCu8x.png
求更多的function（？） 或教學
可惜我是IE啊 {:ml29:}3。。360看着你
页:
[1]
2