This topic created in 4100 days ago, the information mentioned may be changed or developed.
LESS IS MORE
thanks @yanleijava
base on http://www.0.51bbc.workers.dev/t/167793
BEFORE:
AFTER:
CODE:
@import url("http://jkjoke.b0.upaiyun.com/css/v2ex.css");
How to use：
登录后进入设置，找到此处并填入保存设置即可。
Supplement 1 · Feb 4, 2015
Supplement 3 · Feb 5, 2015
Supplement 4 · Feb 6, 2015
今天看到@kamil 的帖子http://www.0.51bbc.workers.dev/t/168669，起了一点灵感，于是把现在的LIGHTER加了自定义背景，微量的透明，菜单栏顶部浮动，隐藏掉底栏。
新的样式命名为MODERN，希望大家喜欢。
@import url("//jkjoke.b0.upaiyun.com/css/modern.css");
body{
background-image: url(http://jkjoke.b0.upaiyun.com/img/v2ex_bg2.jpg);
/*此处自定义背景*/
}
#Bottom{
display:none;
/*隐藏底部栏*/
}
#Top{
position: fixed;
height: 50px;
width: 100%;
z-index: 999;
/*菜单栏顶部浮动*/
}
新的样式命名为MODERN，希望大家喜欢。
@import url("//jkjoke.b0.upaiyun.com/css/modern.css");
body{
background-image: url(http://jkjoke.b0.upaiyun.com/img/v2ex_bg2.jpg);
/*此处自定义背景*/
}
#Bottom{
display:none;
/*隐藏底部栏*/
}
#Top{
position: fixed;
height: 50px;
width: 100%;
z-index: 999;
/*菜单栏顶部浮动*/
}
Supplement 5 · Feb 6, 2015
忘了补上一张效果图，实际用起来感觉还不错
Supplement 6 · Feb 9, 2015
#2015.02.09
修复一个bug：
在回复里面看不到感谢数
修复一个bug：
在回复里面看不到感谢数
Supplement 7 · Mar 31, 2016
 |
1
ihwa Feb 4, 2015
表现不是太明显，关键是V2EX本身就没有太多多余的东西
|
 |
2
Majirefy Feb 4, 2015
相当不错的感觉～～～～立刻使用了～～～
|
 |
3
geew Feb 4, 2015
1. 太亮了
2. 为啥https那里有个红x |
 |
4
Ansonyi Feb 4, 2015
赞！！
|
 |
5
hahastudio Feb 4, 2015
拍扁拍扁！
|
 |
6
jkjoke OP |
 |
7
shallyy Feb 4, 2015
感谢分享 Yosemite即视感.
|
 |
8
haopic Feb 4, 2015
感觉好像快了很多啊
|
 |
9
zzutmebwd Feb 4, 2015 via Android
赞！
|
 |
11
abelyao Feb 4, 2015
@jkjoke 另外 css 的 url 要用 //domain.xxx 这样就可以自适应 http 和 https 了
|
|
13
zzutmebwd Feb 4, 2015 via Android
自己下载粘贴不就得了 调用CSS有时候会抽风
|
 |
14
jimmy Feb 4, 2015
感谢，用上了。
|
|
15
zzutmebwd Feb 4, 2015 via Android
提个建议 头像居中之后 无法占满一排又左居中的“创作新主题”会略有尴尬吧 干脆隐藏图标和新提醒并做一排(好吧我看那个突兀的图标不顺眼许久了)
|
 |
16
C0VN Feb 4, 2015
把标题栏的背景图片去掉就扁平了。
#Top{background-image: url("");}; |
|
18
jkjoke OP |
 |
21
RoshanWu Feb 4, 2015
好用，赞👍
不顺便把评论框和按钮也拍扁么？ |
 |
22
expkzb Feb 4, 2015
才知道v2是可以这么玩的，再去找找别的
|
 |
24
gauzeehom Feb 4, 2015
试下
|
 |
26
kookxiang Feb 4, 2015
左边那个头像要是能垂直居中就好了……强迫症受不了啊
vertical-align: middle !important |
 |
27
incrediblink Feb 4, 2015
@jkjoke BAKA 不用购买那个服务，只要在设置里面点击开启就好啦
|
|
28
jkjoke OP |
 |
29
loading Feb 4, 2015
用 import 方法不错，省流量加速，哈哈
|
 |
30
bkmi Feb 4, 2015
为何你们都那么钟爱圆形头像
|
|
32
loading Feb 4, 2015
给个建议，把一些例如时间信息的颜色改成和背景色一样而不是隐藏，这样平时看不见，要看的时候还能 ctrl+a 看一眼。
|
 |
36
syswow Feb 4, 2015
感觉非常好，赞！
|
 |
37
ven Feb 4, 2015
不错
|
 |
38
momo1999 Feb 4, 2015
总会先显示原来的界面，然后才变成新界面
|
 |
40
happywowwow Feb 4, 2015
TKS 不错
|
 |
42
yxt Feb 4, 2015
耳目一新:)
|
 |
43
markyangd Feb 4, 2015
很不错，但是内容显示不够紧凑，最好把空白区域调小点。
|
 |
44
DearTanker Feb 4, 2015
标题2行的时候，就和头像不搭了。。标题有点偏重的感觉。。
|
|
45
jkjoke OP @DearTanker
已经调整了，等待CDN缓存刷新ing~ |
|
46
jkjoke OP 右上角再改了改
 |
 |
47
ceclinux Feb 4, 2015
已经用上了，感谢～
|
 |
48
twoyuan Feb 4, 2015
挺不错（楼主头像也挺不错）
|
 |
49
lcxz Feb 4, 2015
 |
 |
51
KentY Feb 4, 2015
挺好，其实v2ex页面最上面那个条可以在滚动页面的时候保留再最上面。 我不懂UI设计，但觉得那样方便点吧？ 不知道这个通过css能不能弄
|
 |
53
solu Feb 4, 2015
 不错呀呀。不过 创作新主题 没居中可能受到图片库的影响 |
|
54
jkjoke OP |
|
56
jkjoke OP  1
@solupro 我给新主题按钮加了底边距，加上这一行消掉它就可以垂直居中了
.cell table tr td:nth-child(3) a[href="/new"] { margin-bottom: 0px; } |
 |
58
branchzero Feb 4, 2015
看起来不错，决定一试
|
 |
59
xiangyuc Feb 4, 2015
赞！
|
 |
60
coolicer Feb 4, 2015
#reply_content{
margin-bottom:10px; } 加了这个感觉好多了 |
 |
61
dengs1993 Feb 4, 2015
已经使用，高手做得不错
|
 |
62
dofine Feb 4, 2015
弱弱问下字体怎么改呢。。 Windows 下页面的宋体太难看了，Chrome 里设置了思源但是 v2ex 没有效果。
|
|
64
jkjoke OP @dofine
对的，可以添加自己喜欢的字体 body{ font-family: arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif !important; } |
|
65
DearTanker Feb 4, 2015
 感觉这边不是很美观？(￣(エ)￣)ゞ |
 |
66
picasso250 Feb 4, 2015
a.item_node:hover {
color: #969595; background-color: #D6DBDF; } 建议左边的按钮改成这个 |
 |
67
acgeo Feb 4, 2015
请把广告统统都去掉吧
|
 |
68
zrp1994 Feb 4, 2015
不错，已经在用，赞一个！
|
|
69
jkjoke OP |
 |
71
tSQghkfhTtQt9mtd Feb 4, 2015
@import url("//jkjoke.b0.upaiyun.com/css/v2ex.css");
#Top{ position:fixed; height:50px; width:100%; } #Wrapper{ padding-top:60px; } #reply_content{ margin-bottom:10px; } body{ font-family: arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif !important; } 我目前的CSS大概这样啦~等楼主不改css了我就转到自己的七牛上免得楼主流量超了，哈哈 |
 |
73
blue7wings Feb 4, 2015
不错，不错。。。
|
|
74
jkjoke OP 1
|
 |
75
mikezy123 Feb 4, 2015
瞬间平了，赞！
|
 |
76
thinkxen Feb 4, 2015 via Android
不错，不错
|
|
77
DearTanker Feb 4, 2015
|
|
78
jkjoke OP @DearTanker
又找到bug了，真厉害，解决方法加padding |
|
79
DearTanker Feb 4, 2015
@jkjoke 强迫症，职业病。。
|
 |
80
muziyue Feb 5, 2015
挺好的，的确是有点亮 尤其是列表页
|
 |
81
WhyLiam Feb 5, 2015
用了一天真心越看越喜歡
|
 |
82
sandtears Feb 5, 2015 via Android
效果不错哦
|
 |
83
bjhyyc Feb 5, 2015
试用了一下，马上换回来了。
留白的地方都很奇怪，强迫症表示怎么感觉画面是歪的呢。。 |
|
84
picasso250 Feb 5, 2015
@jkjoke 嗯, 我说的是右边...
|
 |
85
mikemikemike Feb 5, 2015
我想看妹子
|
 |
86
5night Feb 5, 2015
|
|
87
jkjoke OP @mikemikemike
哪里有妹子 |
|
88
DearTanker Feb 12, 2015 1
看这里看这里。。
 win8.1 Chrome |
|
89
jkjoke OP |
|
90
DearTanker Feb 13, 2015
@jkjoke 干的漂亮~
|
 |
91
yxzblue Jun 14, 2015
本菜看到此贴，才觉得css果然挺有用挺强大~
|
|
92
gauzeehom Jun 19, 2015
不错哦
|
 |
93
outing Sep 22, 2015
主题的高度是不是有点大？
如果利用起来显示 po 的信息 例如 所在节点 最终回复 什么的是不是能好一些 |
 |
96
MrZephyrus Oct 15, 2015
赞赞赞
|
 |
97
hatcloud Mar 17, 2016
打扰了，我在使用你的 CSS 的时候碰到一个问题，就是发帖人的头像会被拉伸，想问下该怎么解决。
 如图所示 |
|
98
hatcloud Mar 17, 2016
我测试了一下，
Safari 和 Edge 下是没这个问题的 只有 Chrome 出现了这个问题 |
Select Language