履歴
可読性の向上を提案致します。#000000の真っ暗背景は悪いと思います。■全体の背景色変更 以下のbodyに対してbackgroundの色を#1e1e1eに変えます。body { background: #1e1e1e;}■メイン側に付いている#000000を消すdiv.user-area { background: #000000;}この中のbackground: #000000を消してください■最後にメインとサイドバーで色分けしコンテンツを分かれさせる。div#page-container { background: #212121; padding: 8px 8px;}余白や色は大事です。これをするだけでも可読性や目の負担を減らせるのでご検討ください。
ご意見ありがとうございます早速バックアップでCSSを反映させましたのでご覧くださいhttp://seesaawiki.jp/overload2/■背景色について恐らくbody { の背景色と、下記の背景色を分ける案だと思うのですが、とりあえずコメントの通りにやってます。/* #sub-------------------------------------------------------- */div#wiki-content div#sub {/* #main - page-container-------------------------------------------------------- */div#page-container {ただ、body:#1e1e1e; と、メイン・サイド:#212121; ではほとんど見分けがつかないため、メインは#000のほうがいいと思います。まぁ黒色wikiというのがそもそも鬼門なので、白色wikiにしたほうが話が早いんですがね……。白色のCSSテンプレートをバックアップで試すたびにそう思います。■編集ページのフォント変更について私はchormなので気にしたことがないのですが、IEを使ってる方はこのほうがいいと思います。賛成です。ただどこに入れるかわからないため、この変更は反映していません
ミスメインは#000のほうがいいと思います。↓bodyは#000のほうがいいと思います。
わすれてました追記ですdiv#page-container {background: #212121;padding: 8px 8px;この padding: 8px 8px; ですが、横はわかるんですけど縦を下げるのは何故ですか?
■背景色に関して改めて確認しました。body #1c1c1c;#page-container :#262626 #282828くらいが丁度良いかもしれません。#000はあまり推奨出来ないので、#282828で文章が見づらく感じる場合は、body背景(#1c1c1c)と一緒しても良いと思います。■テキストエリアに関して「div.edit-entry textarea」を追加しfont-familyを指定する必要があります。■余白に関して訂正「padding: 8px;」でした。#page-containerに背景色を指定した場合、見出しと背景の余白を狭く感じて上下にも余白があるといいと思いました。確かに、余白を出来るだけ詰めてコンテンツを多く見せるのは良いのですが、私には詰めすぎに思えます。#wiki-headerもmargin: 8px;#wiki-menuもmargin:4px;くらいあると良いのでは無いでしょうか?あくまで私の考えです。#page-containerの上下余白を無くしたい場合はpadding: 0 8px;にしてください。
追記ですheaderに関しては広告を考え見て狭くしていたのですね。私はAdblockerを入れてたせいで気づいていませんでした...こちらに関しては私は干渉しないことにしました。
新規にコメントを書く
利用規約をご確認のうえご記入下さい
どなたでも編集できます
コメント詳細
可読性の向上を提案致します。
#000000の真っ暗背景は悪いと思います。
■全体の背景色変更
以下のbodyに対してbackgroundの色を#1e1e1eに変えます。
body {
background: #1e1e1e;
}
■メイン側に付いている#000000を消す
div.user-area {
background: #000000;
}
この中のbackground: #000000を消してください
■最後にメインとサイドバーで色分けしコンテンツを分かれさせる。
div#page-container {
background: #212121;
padding: 8px 8px;
}
余白や色は大事です。これをするだけでも可読性や目の負担を減らせるのでご検討ください。
ご意見ありがとうございます
早速バックアップでCSSを反映させましたのでご覧ください
http://seesaawiki.jp/overload2/
■背景色について
恐らくbody { の背景色と、下記の背景色を分ける案だと思うのですが、とりあえずコメントの通りにやってます。
/* #sub
-------------------------------------------------------- */
div#wiki-content div#sub {
/* #main - page-container
-------------------------------------------------------- */
div#page-container {
ただ、body:#1e1e1e; と、メイン・サイド:#212121; ではほとんど見分けがつかないため、メインは#000のほうがいいと思います。
まぁ黒色wikiというのがそもそも鬼門なので、白色wikiにしたほうが話が早いんですがね……。
白色のCSSテンプレートをバックアップで試すたびにそう思います。
■編集ページのフォント変更について
私はchormなので気にしたことがないのですが、IEを使ってる方はこのほうがいいと思います。賛成です。
ただどこに入れるかわからないため、この変更は反映していません
ミス
メインは#000のほうがいいと思います。
↓
bodyは#000のほうがいいと思います。
わすれてました追記です
div#page-container {
background: #212121;
padding: 8px 8px;
この padding: 8px 8px; ですが、横はわかるんですけど縦を下げるのは何故ですか?
■背景色に関して
改めて確認しました。
body #1c1c1c;
#page-container :#262626 #282828
くらいが丁度良いかもしれません。
#000はあまり推奨出来ないので、#282828で文章が見づらく感じる場合は、body背景(#1c1c1c)と一緒しても良いと思います。
■テキストエリアに関して
「div.edit-entry textarea」を追加しfont-familyを指定する必要があります。
■余白に関して
訂正「padding: 8px;」でした。
#page-containerに背景色を指定した場合、見出しと背景の余白を狭く感じて上下にも余白があるといいと思いました。
確かに、余白を出来るだけ詰めてコンテンツを多く見せるのは良いのですが、私には詰めすぎに思えます。
#wiki-headerもmargin: 8px;
#wiki-menuもmargin:4px;くらいあると良いのでは無いでしょうか?
あくまで私の考えです。
#page-containerの上下余白を無くしたい場合は
padding: 0 8px;にしてください。
追記です
headerに関しては広告を考え見て狭くしていたのですね。
私はAdblockerを入れてたせいで気づいていませんでした...
こちらに関しては私は干渉しないことにしました。