S1电脑版两栏UI

exzhawk

2016-10-31 Update:
点击 "有新回复的主题, 点击查看" 之后出现的主题现在也可以点击后在另一侧浏览了
适应新HTML

2015-10-21 Update:
改变改变宽度的方法

2015-10-14 Update:
移动个人资料部分和快捷导航部分至左半边区域

2015-4-7 Update:
ChangeLog:
帖子页面新样式/提高空间利用率
允许调换左右位置(var list_on_left = true;
允许调整左右比例(手动修改var width = 48;
点击链接或者空白都可以打开
不允许无限增值
鼠标移动到头像或回复按钮右侧显示隐藏内容(个人资料/签名

TodoList:
选项提供gui修改
帖子页面回复窗口始终可见

2015-3-29 Update:
TodoList:
调换左右的选项
调整左右比例的选项
点链接和点空白都可以不允许无限增值


这个帖子的后续
http://bbs.saraba1st.com/2b/thread-1107098-1-1.html
于是写出来试试, 单纯的套个iframe
安装地址: https://greasyfork.org/en/scripts/8816-two-column-s1
Chrome+Tampermonkey测试通过
使用方法: 点击帖子列表中非链接的空白部分
效果如图(鼠标所在位置就是可点击部分):

蓝白君

赞一个，回去试试，firefox能不能用？

風美由飛

蓝白君 发表于 2015-3-28 08:37
赞一个，回去试试，firefox能不能用？

这个就是油猴啊

hinagikumoe

firefox31下帖子列表在屏幕中间，没有靠左
而且单击之后会在新窗口打开

天乃冥

好评

FriendlyFire

chrome 能用么?

hisousihou

卧槽这个好，不过两边比例再改改会比较好

風美由飛

位置对调的话改两个地方，左浮动改成右浮动，右边距0改成左边距0。话说浮动那个我是自至始至终都没弄明白过，和正则表达式一样玄乎。
    —— from S1 Nyan (NOKIA Lumia 526)来自: WindowsPhone客户端

Z教授

给LZ点赞 同希望调整一下两边比例……帖子内容那边比例宽一些会比较好吧？另外这样就不能选页数了只能点进去再换 有解决办法么？

lwabala

21:9的福音

蓝白君

firefox 24esr +greasemonkey 不可用

kit8847375

ff 36.0.4+油猴可用效果感觉还不错，操作还不适应啊

風美由飛

我昨天看了5章犀牛书复习了下JS，把楼主的油猴稍微改了下：原先的点击空白处跳转改回点击链接跳转，增加了点击页数跳转。（有点问题，你们悠着点用……

1. if(location.href.startsWith('http://bbs.saraba1st.com/2b/forum-')){
   
2.     var wp =document.querySelector('#wp');
   
3.     wp.style.width='48%';
   
4.     wp.style.float='left';
   
5.     wp.style.minWidth='0px';
   
6. 
   
7.     var f=document.createElement("iframe");
   
8.     f.id='frame';
   
9.     //Modified by SuperUni
   
10.     f.name = "myframe";
    
11. 
    
12.     f.style.width='51.5%';
    
13.     f.style.height='95%';
    
14.     f.style.position='fixed';
    
15.     f.style.right='0';
    
16.     f.style.bottom='0';
    
17.     document.body.appendChild(f);
    
18. 
    
19.     /*
    
20.     Modified by SuperUni
    
21.      */
    
22.     var allLinks = document.getElementById("threadlisttableid").getElementsByTagName("a");
    
23.     for(var index = 0; index < allLinks.length; index++){
    
24.         var temp = allLinks[index];
    
25.         temp.target = "myframe";
    
26.         temp.onclick = null;
    
27.     }
    
28. 
    
29.     /*
    
30.      Modified by SuperUni
    
31.      */
    
32.     //function openpost(p){
    
33.     //    var f=document.querySelector('#frame');
    
34.     //    f.src=p.querySelector('tr>th>a').href;
    
35.     //}
    
36.     //var a=document.querySelectorAll('#threadlisttableid>tbody');
    
37.     //
    
38.     //for (var index = 0; index < a.length; ++index) {
    
39.     //    a[index].onclick=function(){openpost(this);};
    
40.     //}
    
41. 
    
42. }else if(self!=top && location.href.startsWith('http://bbs.saraba1st.com/2b/thread')){
    
43.    GM_addStyle('#toptb,#hd{display:none}');
    
44. }

复制代码

FML

風美由飛 发表于 2015-3-29 17:44
我昨天看了5章犀牛书复习了下JS，把楼主的油猴稍微改了下：原先的点击空白处跳转改回点击链接跳转，增加了 ...

大侠能顺带改改左右边栏宽度么 列表可以窄点  帖子宽度不够

風美由飛

FML 发表于 2015-3-29 18:06
大侠能顺带改改左右边栏宽度么 列表可以窄点  帖子宽度不够

这个你自己改一下就OK了。
他默认设置的是五五开显示，
第3行的48%是左边的帖子列表宽度，
第12行的51.5%是右边的内容显示页的宽度，
两个要一起改。

FML

OK  感谢

诶哟卧草

使用返回列表的话会增殖。。。。

風美由飛

诶哟卧草 发表于 2015-3-29 21:39
使用返回列表的话会增殖。。。。

容我再多看两天犀牛书，还有就是同学你的想法很奇特

exzhawk

@hinagikumoe 额抱歉还没测试firefox
@绝赞好评 之后加个对调左右的选项好了
@Z教授 之后加个设置比例的选项好了
@youjishiwu userstyles是css吧, 我还是需要js来实现功能. 减小像22楼这样短回复的占用空间是肯定的, 不会去广告
@風美由飛 开了个repo, 提交到这里吧 https://github.com/exzhawk/S1twoColumnUI
@诶哟卧草 之后考虑禁掉无限增值

更新主楼

小明神

这个想到给力，大屏福音


——发送自S1 Pluto

exzhawk

更新, 具体见主楼
@蓝白君 @hinagikumoe firefox35+greasemonkey测试可以用了
@绝赞好评 对调左右的选项加了
@Z教授 设置比例的选项加了
@youjishiwu 改了下帖子页面的样式你看看=..=
@诶哟卧草 禁掉无限增值了

exzhawk

更新, 具体见主楼

萨兰丁

mark

----发送自 Sony D6633,Android 5.1.1

WholeLottaLove

这个好赞！
回去马上试试！

——— 来自Stage1st Reader For iOS

WholeLottaLove

回来测试，firefox ESR38.3.0测试可用
但是....
1.无奈笔记本屏幕小12.5寸，分栏后，需要拖拽左右滚动条才能看全帖子，尤其是主楼，都是自己的锅。
大屏显示器应该不会出现这个问题。
2.安装插件后，只能看到用户名和头像，下面的什么都没有显示了，不过对于看帖没太大影响

给楼主精神加鹅

exzhawk

WholeLottaLove 发表于 2015-10-17 17:53
回来测试，firefox ESR38.3.0测试可用
但是....
1.无奈笔记本屏幕小12.5寸，分栏后，需要拖拽左右滚动条才 ...

1. 设计的时候就是照着23寸1920*1080屏幕的.. 没怎么考虑小屏幕
2. 故意的. 只显示用户名和头像和隐藏签名是为了尽量能在一屏显示更多楼. 其他个人资料和签名用鼠标指上去才会显示

pgain2004

在我这里问题不少。左边窗口的低部会跑到地址栏那里去，而且底部和搜索&导航栏的右侧依然对齐整个页面的右沿
#um、#qmenu的margin-right和width变量不挂钩……

exzhawk

pgain2004 发表于 2015-10-18 14:54
在我这里问题不少。左边窗口的低部会跑到地址栏那里去，而且底部和搜索&导航栏的右侧依然对齐整个页面的右 ...

已解决
具体见主楼

pgain2004

不知道为什么，新版本的双栏在我这里完全失效了
于是我自己搞了个stylish的样式来玩

wolffeng

手动mark一记

----发送自 HUAWEI PE-TL10,Android 5.1.1

exzhawk

pgain2004 发表于 2015-10-21 16:36
不知道为什么，新版本的双栏在我这里完全失效了
于是我自己搞了个stylish的样式来玩 ...

浏览器/浏览器版本是?
我是只用Chrome没发现问题...

exzhawk

2016-10-31 Update:
点击 "有新回复的主题, 点击查看" 之后出现的主题现在也可以点击后在另一侧浏览了
适应新HTML


距离上次更新竟然已经一年了...