CNode

有没有同学也觉得黑色的导航太压抑?

Jjiyinyiyong发布于13 年前最后回复13 年前8 回复4957 浏览0 收藏

颜色太暗淡了, 看起来有点压抑.. 而且界面显得很挤有没有 我倾向的风格是杂志浅色的背景区分出 div, 文字统一用暗淡的颜色 然后去掉圆角去掉阴影, 不用复杂的图标, 尽量文字标识和进行对齐 Web 的风格跟杂志类似,, 而不是模仿高档汽车那么多按钮

貌似图片上传功能出了点问题, 求测试.... 没图片只好上代码了, 我在 Ubuntu Chrome 下做的调试: jQuery.. 你懂的...

$(".navbar-inner").removeClass()
$(".navbar").css("background-color", "hsl(240,20%,90%)")
$(".navbar .nav>li>a").css({
  "font-weight": "normal", "font-size": "13px", "line-height": "25px"
  })
$("body p").css({"font-size": "14px"})
reset_font_color = function(){$(this).css("color", "hsl(0,00%,40%)")}
reset_font_color()
$(".navbar .nav>li>a").hover(reset_font_color)
$("#q").css("background-color", "white")
$(".brand").html('CNodeJS').css({
  "font-size": "28px", "line-height": "34px", "color": "hsl(0,0%,40%)"
  })
$("a.topic_title").css({
  "font-size": "16px",
  "line-height": "34px"
})
$(".user_avatar").css({
  width: "34px",
  height: "34px"
})
$(".topic_wrap .sep10").remove()
$(".topic_wrap .col_fade").remove()
$(".panel").css({
  "box-shadow": "none"
})

$(".moon_tags").remove()
$(".board.cl").remove()

$("pre.prettyprint").css({
  "background": "hsl(0, 0%, 90%)"
})
$("pre.prettyprint .str").css({
  "color": "hsl(0, 6%, 39%)"
})
$("pre.prettyprint .pun").css({
  "color": "hsl(0, 0%, 55%)"
})
$("pre.prettyprint .pln").css({
  "color": "hsl(0, 6%, 54%)"
})
$("pre.prettyprint .kwd").css({
  "color": "hsl(54, 34%, 37%)"
})
查看回复

回复 (8)

J
jiyinyiyong#3·13 年前

尝试改了下, 改出不少 Bug.. 这样感觉好点不? http://huaban.com/pins/60707961/zoom/ http://huaban.com/pins/60707943/zoom/

L
leapon#4·13 年前

用 theme 可以让用户自己选适合的。

C
cony138#5·13 年前

太灰色了吧,nav那边是淡紫色吗?初看有点不适应,觉得如果可以做点效果出来好

J
jiyinyiyong#6·13 年前
引用 cony138太灰色了吧,nav那边是淡紫色吗?初看有点不适应,觉得如果可以做点效果出来好

临时做的 Demo, 颜色没细调, 没多少人回帖说明喜欢黑色的人居多... 最近也没时间花这上边.. 只能打住了

L
leizongmin#8·13 年前
引用 cony138太灰色了吧,nav那边是淡紫色吗?初看有点不适应,觉得如果可以做点效果出来好

@jiyinyiyong 不回帖并不表示喜欢黑色的。我也不喜欢黑色,尤其是代码块用黑色作背景。我更喜欢整体都是淡淡的。

参与回复
登录后即可参与回复。登录