S1电脑版两栏UI
本帖最后由 exzhawk 于 2016-10-31 17:00 编辑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:
调换左右的选项
调整左右比例的选项
点链接和点空白都可以不允许无限增值
static/image/hrline/5.gif
这个帖子的后续
http://bbs.saraba1st.com/2b/thread-1107098-1-1.html
于是写出来试试, 单纯的套个iframe
安装地址: https://greasyfork.org/en/scripts/8816-two-column-s1
Chrome+Tampermonkey测试通过
使用方法: 点击帖子列表中非链接的空白部分
效果如图(鼠标所在位置就是可点击部分):
http://ww3.sinaimg.cn/large/71b55f31jw1eqwzcg1qbvj21hc0qtkdw.jpg
赞一个，回去试试，firefox能不能用？ 蓝白君 发表于 2015-3-28 08:37
赞一个，回去试试，firefox能不能用？
这个就是油猴啊 firefox31下帖子列表在屏幕中间，没有靠左
而且单击之后会在新窗口打开
好评 chrome 能用么? 卧槽这个好，不过两边比例再改改会比较好 位置对调的话改两个地方，左浮动改成右浮动，右边距0改成左边距0。话说浮动那个我是自至始至终都没弄明白过，和正则表达式一样玄乎。
—— from S1 Nyan (NOKIA Lumia 526) 给LZ点赞 同希望调整一下两边比例……帖子内容那边比例宽一些会比较好吧？另外这样就不能选页数了只能点进去再换 有解决办法么？ 21:9的福音 firefox 24esr +greasemonkey 不可用 ff 36.0.4+油猴可用效果感觉还不错，操作还不适应啊 本帖最后由 風美由飛 于 2015-3-29 23:35 编辑
我昨天看了5章犀牛书复习了下JS，把楼主的油猴稍微改了下：原先的点击空白处跳转改回点击链接跳转，增加了点击页数跳转。（有点问题，你们悠着点用……if(location.href.startsWith('http://bbs.saraba1st.com/2b/forum-')){
var wp =document.querySelector('#wp');
wp.style.width='48%';
wp.style.float='left';
wp.style.minWidth='0px';
var f=document.createElement("iframe");
f.id='frame';
//Modified by SuperUni
f.name = "myframe";
f.style.width='51.5%';
f.style.height='95%';
f.style.position='fixed';
f.style.right='0';
f.style.bottom='0';
document.body.appendChild(f);
/*
Modified by SuperUni
*/
var allLinks = document.getElementById("threadlisttableid").getElementsByTagName("a");
for(var index = 0; index < allLinks.length; index++){
var temp = allLinks;
temp.target = "myframe";
temp.onclick = null;
}
/*
Modified by SuperUni
*/
//function openpost(p){
// var f=document.querySelector('#frame');
// f.src=p.querySelector('tr>th>a').href;
//}
//var a=document.querySelectorAll('#threadlisttableid>tbody');
//
//for (var index = 0; index < a.length; ++index) {
// a.onclick=function(){openpost(this);};
//}
}else if(self!=top && location.href.startsWith('http://bbs.saraba1st.com/2b/thread')){
GM_addStyle('#toptb,#hd{display:none}');
} 風美由飛 发表于 2015-3-29 17:44
我昨天看了5章犀牛书复习了下JS，把楼主的油猴稍微改了下：原先的点击空白处跳转改回点击链接跳转，增加了 ...
大侠能顺带改改左右边栏宽度么 列表可以窄点帖子宽度不够 FML 发表于 2015-3-29 18:06
大侠能顺带改改左右边栏宽度么 列表可以窄点帖子宽度不够这个你自己改一下就OK了。
他默认设置的是五五开显示，
第3行的48%是左边的帖子列表宽度，
第12行的51.5%是右边的内容显示页的宽度，
两个要一起改。 OK感谢 http://ww2.sinaimg.cn/large/6b16161fjw1eqmxi0f37xj21ha0qqdp3.jpg
使用返回列表的话会增殖。。。。 本帖最后由 風美由飛 于 2015-3-29 22:30 编辑
诶哟卧草 发表于 2015-3-29 21:39
使用返回列表的话会增殖。。。。
容我再多看两天犀牛书，还有就是同学你的想法很奇特
@hinagikumoe 额抱歉还没测试firefox
@绝赞好评 之后加个对调左右的选项好了
@Z教授 之后加个设置比例的选项好了
@youjishiwu userstyles是css吧, 我还是需要js来实现功能. 减小像22楼这样短回复的占用空间是肯定的, 不会去广告
@風美由飛 开了个repo, 提交到这里吧 https://github.com/exzhawk/S1twoColumnUI
@诶哟卧草 之后考虑禁掉无限增值
更新主楼 这个想到给力，大屏福音
——发送自S1 Pluto 更新, 具体见主楼
@蓝白君 @hinagikumoe firefox35+greasemonkey测试可以用了
@绝赞好评 对调左右的选项加了
@Z教授 设置比例的选项加了
@youjishiwu 改了下帖子页面的样式你看看=..=
@诶哟卧草 禁掉无限增值了 更新, 具体见主楼 mark
----发送自 Sony D6633,Android 5.1.1 这个好赞！
回去马上试试！
——— 来自Stage1st Reader For iOS 本帖最后由 WholeLottaLove 于 2015-10-17 17:57 编辑
回来测试，firefox ESR38.3.0测试可用
但是....
1.无奈笔记本屏幕小12.5寸，分栏后，需要拖拽左右滚动条才能看全帖子，尤其是主楼，都是自己的锅。
大屏显示器应该不会出现这个问题。
2.安装插件后，只能看到用户名和头像，下面的什么都没有显示了，不过对于看帖没太大影响
给楼主精神加鹅
WholeLottaLove 发表于 2015-10-17 17:53
回来测试，firefox ESR38.3.0测试可用
但是....
1.无奈笔记本屏幕小12.5寸，分栏后，需要拖拽左右滚动条才 ...
1. 设计的时候就是照着23寸1920*1080屏幕的.. 没怎么考虑小屏幕
2. 故意的. 只显示用户名和头像和隐藏签名是为了尽量能在一屏显示更多楼. 其他个人资料和签名用鼠标指上去才会显示
在我这里问题不少。左边窗口的低部会跑到地址栏那里去，而且底部和搜索&导航栏的右侧依然对齐整个页面的右沿
#um、#qmenu的margin-right和width变量不挂钩…… pgain2004 发表于 2015-10-18 14:54
在我这里问题不少。左边窗口的低部会跑到地址栏那里去，而且底部和搜索&导航栏的右侧依然对齐整个页面的右 ...
已解决
具体见主楼 不知道为什么，新版本的双栏在我这里完全失效了
于是我自己搞了个stylish的样式来玩 手动mark一记
----发送自 HUAWEI PE-TL10,Android 5.1.1 pgain2004 发表于 2015-10-21 16:36
不知道为什么，新版本的双栏在我这里完全失效了
于是我自己搞了个stylish的样式来玩 ...
浏览器/浏览器版本是?
我是只用Chrome没发现问题... 2016-10-31 Update:
点击 "有新回复的主题, 点击查看" 之后出现的主题现在也可以点击后在另一侧浏览了
适应新HTML
距离上次更新竟然已经一年了...
页:
[1]