设为首页收藏本站喵玉殿官方微博

 找回密码
 少女注册中
搜索
查看: 8369|回复: 12

[特种技术] 喵玉宽屏+精简

  [复制链接]
发表于 2013-7-17 23:41:35 | 显示全部楼层 |阅读模式
本帖最后由 w10036w 于 2013-7-17 23:56 编辑

初来乍到,先给技术区的大触们拜个山头
最近用各种姿势浏览论坛,确认无bug后就发上来了
最新的dz和pw都有主动宽屏了,喵玉殿大概不常更新版本吧233

注意只支持chrome和FF,其他的右上角或者ctrl+w
自己写了点让喵玉变宽的东西,顺手把一些不太常用的功能省略下,最底下我会逐行解释
先看我的最终效果吧↓
自设背景+背景透明度95%+消去某些占地面积大and个人不常用版块

消去某些个人不常用版块

可以看到字体被我放大了1.2倍


方法
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 QQ截图20130717232547.jpg 点了然后点最后一个选项,英文是manage installed styles,中文是啥?不知道。
然后猛戳- -
QQ截图20130717232746.jpg
然后
QQ截图20130717232947.jpg

用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[rows="6"]{height:300px!important}
div[id*="forum_rules_"]{display:none}
#frameou85ow{display:none!important}
#fastpostsml_menu{width:41%!important}
div[class="bm lk"],#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[rows="6"]{height:300px!important}
div[id*="forum_rules_"]{display:none}
#frameou85ow{display:none!important}
#fastpostsml_menu{width:41%!important}
div[class="bm lk"],#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[rows="6"]{height:300px!important}
如果你经常编辑很长的帖子,那么你需要

4.div[id*="forum_rules_"]{display:none}
如果你对版规烂熟于心,永不再犯

5.#frameou85ow{display:none!important}
如果不想看主页的新图预览

6. div[class="bm lk"],#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,那么可以用这条

发表于 2013-7-18 16:01:41 | 显示全部楼层
大技术宅,跪!双浏览器..chrome+IE..谷歌我用用试试..
回复

使用道具 举报

发表于 2013-7-18 20:41:51 | 显示全部楼层
我一直坚信着一句话:技术宅拯救世界啊
回复

使用道具 举报

发表于 2013-7-19 00:11:59 | 显示全部楼层
喔?這個設置看起來還不錯呢,真是辛苦了
回复

使用道具 举报

发表于 2013-7-19 09:39:14 | 显示全部楼层
表示这里宽屏,但是用的是世界之窗。。。是时候换蓝大人了!
制作辛苦了
回复

使用道具 举报

 楼主| 发表于 2013-7-19 09:45:24 | 显示全部楼层
本帖最后由 w10036w 于 2013-7-19 09:47 编辑
占星者卡德加 发表于 2013-7-19 09:39
表示这里宽屏,但是用的是世界之窗。。。是时候换蓝大人了!
制作辛苦了

这个怎么做到的?我刚下了世界,但并没有发现类似的宽屏功能,求教

点评

嘛……随便了……一开始还没想通蓝大人是谁……我表示品种不一样啊……  发表于 2013-7-19 09:57
……你说“这里是宽屏”我还以为……  发表于 2013-7-19 09:55
嗯,没错,刚刚又试了一下效果非常好。。。  发表于 2013-7-19 09:53
其实想弄也可以的,但是那是伪的。。。按住ctrl,滑动滚轮,可以调比例,所以在看漫画的时候就和宽屏效果差不多了  发表于 2013-7-19 09:51
我的意思是我的电脑是宽屏,然后用的是世界之窗浏览器。。。所以没法用这个插件。。。。 然后想换蓝大人了  发表于 2013-7-19 09:49
。。。  发表于 2013-7-19 09:49
回复

使用道具 举报

发表于 2014-3-9 12:48:47 | 显示全部楼层
好厉害的技术,大大我膜拜你
回复

使用道具 举报

发表于 2014-3-16 14:02:43 | 显示全部楼层
本帖最后由 斯人之徒 于 2014-3-16 15:22 编辑

樓主大人,辛苦您了
還有maxthon 的擴展可以用:http://extension.maxthon.com/detail/index.php?view_id=1711


以下是自用成果截圖:


求更多的function(?) 或教學
回复

使用道具 举报

发表于 2014-5-17 14:05:53 | 显示全部楼层
可惜我是IE啊
回复

使用道具 举报

发表于 2014-5-17 18:00:41 | 显示全部楼层
3。。360看着你
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 少女注册中

本版积分规则

合作与事务联系|无图版|手机版|小黑屋|喵玉殿

GMT+8, 2025-10-31 12:05

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表