LESS IS MORE
thanks @yanleijava
base on http://www.v2ex.com/t/167793
BEFORE:
AFTER:
CODE:
@import url("http://jkjoke.b0.upaiyun.com/css/v2ex.css");
How to use：
登录后进入设置，找到此处并填入保存设置即可。
爱意满满的作品展示区。
This topic created in 4292 days ago, the information mentioned may be changed or developed.
Supplement 1 · Feb 4, 2015
Supplement 3 · Feb 5, 2015
Supplement 4 · Feb 6, 2015
今天看到@kamil 的帖子http://www.v2ex.com/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
 |
ihwaFeb 4, 2015
1
表现不是太明显，关键是V2EX本身就没有太多多余的东西
|
 |
MajirefyFeb 4, 2015
2
相当不错的感觉～～～～立刻使用了～～～
|
 |
geewFeb 4, 2015
3
1. 太亮了
2. 为啥https那里有个红x |
 |
AnsonyiFeb 4, 2015
4
赞！！
|
 |
hahastudioFeb 4, 2015
5
拍扁拍扁！
|
 |
6
|
 |
shallyyFeb 4, 2015
7
感谢分享 Yosemite即视感.
|
 |
haopicFeb 4, 2015
8
感觉好像快了很多啊
|
 |
zzutmebwdFeb 4, 2015 via Android
9
赞！
|
 |
abelyaoFeb 4, 2015
11
@jkjoke 另外 css 的 url 要用 //domain.xxx 这样就可以自适应 http 和 https 了
|
|
zzutmebwdFeb 4, 2015 via Android
13
自己下载粘贴不就得了 调用CSS有时候会抽风
|
 |
jimmyFeb 4, 2015
14
感谢，用上了。
|
|
zzutmebwdFeb 4, 2015 via Android
15
提个建议 头像居中之后 无法占满一排又左居中的“创作新主题”会略有尴尬吧 干脆隐藏图标和新提醒并做一排(好吧我看那个突兀的图标不顺眼许久了)
|
 |
C0VNFeb 4, 2015
16
把标题栏的背景图片去掉就扁平了。
#Top{background-image: url("");}; |
|
18
|
 |
RoshanWuFeb 4, 2015
21
好用，赞👍
不顺便把评论框和按钮也拍扁么？ |
 |
expkzbFeb 4, 2015
22
才知道v2是可以这么玩的，再去找找别的
|
 |
gauzeehomFeb 4, 2015
24
试下
|
 |
kookxiangFeb 4, 2015
26
左边那个头像要是能垂直居中就好了……强迫症受不了啊
vertical-align: middle !important |
 |
incrediblinkFeb 4, 2015
27
@jkjoke BAKA 不用购买那个服务，只要在设置里面点击开启就好啦
|
|
28
|
 |
loadingFeb 4, 2015
29
用 import 方法不错，省流量加速，哈哈
|
 |
bkmiFeb 4, 2015
30
为何你们都那么钟爱圆形头像
|
|
loadingFeb 4, 2015
32
给个建议，把一些例如时间信息的颜色改成和背景色一样而不是隐藏，这样平时看不见，要看的时候还能 ctrl+a 看一眼。
|
 |
syswowFeb 4, 2015
36
感觉非常好，赞！
|
 |
venFeb 4, 2015
37
不错
|
 |
momo1999Feb 4, 2015
38
总会先显示原来的界面，然后才变成新界面
|
 |
happywowwowFeb 4, 2015
40
TKS 不错
|
 |
yxtFeb 4, 2015
42
耳目一新:)
|
 |
markyangdFeb 4, 2015
43
很不错，但是内容显示不够紧凑，最好把空白区域调小点。
|
 |
DearTankerFeb 4, 2015
44
标题2行的时候，就和头像不搭了。。标题有点偏重的感觉。。
|
|
45
@DearTanker
已经调整了，等待CDN缓存刷新ing~ |
|
46
右上角再改了改
 |
 |
ceclinuxFeb 4, 2015
47
已经用上了，感谢～
|
 |
twoyuanFeb 4, 2015
48
挺不错（楼主头像也挺不错）
|
 |
lcxzFeb 4, 2015
49
 |
 |
KentYFeb 4, 2015
51
挺好，其实v2ex页面最上面那个条可以在滚动页面的时候保留再最上面。 我不懂UI设计，但觉得那样方便点吧？ 不知道这个通过css能不能弄
|
 |
soluFeb 4, 2015
53
 不错呀呀。不过 创作新主题 没居中可能受到图片库的影响 |
|
54
|
|
56
@solupro 我给新主题按钮加了底边距，加上这一行消掉它就可以垂直居中了
.cell table tr td:nth-child(3) a[href="/new"] { margin-bottom: 0px; } |
1 |
branchzeroFeb 4, 2015
58
看起来不错，决定一试
|
 |
xiangyucFeb 4, 2015
59
赞！
|
 |
coolicerFeb 4, 2015
60
#reply_content{
margin-bottom:10px; } 加了这个感觉好多了 |
 |
dengs1993Feb 4, 2015
61
已经使用，高手做得不错
|
 |
dofineFeb 4, 2015
62
弱弱问下字体怎么改呢。。 Windows 下页面的宋体太难看了，Chrome 里设置了思源但是 v2ex 没有效果。
|
|
64
@dofine
对的，可以添加自己喜欢的字体 body{ font-family: arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif !important; } |
|
DearTankerFeb 4, 2015
65
 感觉这边不是很美观？(￣(エ)￣)ゞ |
 |
picasso250Feb 4, 2015
66
a.item_node:hover {
color: #969595; background-color: #D6DBDF; } 建议左边的按钮改成这个 |
 |
acgeoFeb 4, 2015
67
请把广告统统都去掉吧
|
 |
zrp1994Feb 4, 2015
68
不错，已经在用，赞一个！
|
|
69
|
 |
tSQghkfhTtQt9mtdFeb 4, 2015
71
@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了我就转到自己的七牛上免得楼主流量超了，哈哈 |
 |
blue7wingsFeb 4, 2015
73
不错，不错。。。
|
|
74
|
 |
mikezy123Feb 4, 2015
75
瞬间平了，赞！
|
 |
thinkxenFeb 4, 2015 via Android
76
不错，不错
|
|
DearTankerFeb 4, 2015
77
|
|
78
@DearTanker
又找到bug了，真厉害，解决方法加padding |
|
DearTankerFeb 4, 2015
79
@jkjoke 强迫症，职业病。。
|
 |
muziyueFeb 5, 2015
80
挺好的，的确是有点亮 尤其是列表页
|
 |
WhyLiamFeb 5, 2015
81
用了一天真心越看越喜歡
|
 |
sandtearsFeb 5, 2015 via Android
82
效果不错哦
|
 |
bjhyycFeb 5, 2015
83
试用了一下，马上换回来了。
留白的地方都很奇怪，强迫症表示怎么感觉画面是歪的呢。。 |
|
picasso250Feb 5, 2015
84
@jkjoke 嗯, 我说的是右边...
|
 |
mikemikemikeFeb 5, 2015
85
我想看妹子
|
 |
5nightFeb 5, 2015
86
|
|
87
@mikemikemike
哪里有妹子 |
|
88
看这里看这里。。
 win8.1 Chrome |
|
89
|
|
DearTankerFeb 13, 2015
90
@jkjoke 干的漂亮~
|
 |
yxzblueJun 14, 2015
91
本菜看到此贴，才觉得css果然挺有用挺强大~
|
|
gauzeehomJun 19, 2015
92
不错哦
|
 |
outingSep 22, 2015
93
主题的高度是不是有点大？
如果利用起来显示 po 的信息 例如 所在节点 最终回复 什么的是不是能好一些 |
 |
MrZephyrusOct 15, 2015
96
赞赞赞
|
 |
hatcloudMar 17, 2016
97
打扰了，我在使用你的 CSS 的时候碰到一个问题，就是发帖人的头像会被拉伸，想问下该怎么解决。
 如图所示 |
|
hatcloudMar 17, 2016
98
我测试了一下，
Safari 和 Edge 下是没这个问题的 只有 Chrome 出现了这个问题 |
Select Language