ベースはオフィシャルテーマの Life。CSS。 body { background-color: lightyellow; font-family: "メイリオ", serif; } .entry-content p { margin: 9px 0; } .page-index #blog-title { margin: 0px; padding-bottom: 0; } div#blog-title-inner { text-al…

ダイアリーのテーマ・デザインの「最小限度にシンプルで目にやさしい」ですが、スタイルシート（CSS）にミスがありました。 h3 a.sectioncategory { color: #5f9a41; } であるべきところが、中括弧を閉じる「}」が落ちていて、 h3 a.sectioncategory { color…

見出しが1段のときの不具合を修正しました。その他修正。http://d.hatena.ne.jp/designset/2249

このブログのデザインを公開しました。大したものではないですが、よろしければどうぞ。http://d.hatena.ne.jp/designset/2249 ベースにしたテーマは「Hatena」。 CSS はこんな風です。 body { background-color: lightyellow; } h1 { font-size: 26pt; font…

はてなキーワードの下線を普段は非表示にして、マウスオーバー*1で下線を表示させるようにする。 a.keyword { border-bottom: 1px solid transparent; } a.keyword:hover { border-bottom: 1px solid #0acb1a; } 元はこういう色のリンクの文字の色を変える。…

h4, h5 について検証。h4 h5 つまりh4 については CSS の変更が必要。 h4 { border-left: 5px solid lightgreen; border-bottom: 1px solid lightgreen; } 変更後。 h4

特に CSS を変更する必要はなさそうだ。

ゼロからデザインするのは面倒だとわかったので、「Hatena」といういちばんシンプルなテーマをベースにしてカスタマイズしてみる。色いろ CSS の効果を確かめるのに、Chrome のデベロッパーツールがとても便利なことがわかった。スタイルシートはこんな風に…

まずトップから [管理]→[デザイン]→[デザイン編集]→[詳細]。 テーマは [指定なし]、ヘッダ色は黒、ヘッダタイプは [細いヘッダ] にしてみる。必要最小限度の構成にしてみる。 ヘッダは <div class="main"> のみ、フッタは </div> <div id="sidebar"> <hatena name="calendar2" template="hatena-module" moduletitle="Calendar"> <hatena name="section" template="hatena-module" listlimit="15"> </hatena></hatena></div>

トップから [管理]→[デザイン]→[デザイン編集]→[詳細]→[テーマランキング]→[公開デザイン一覧] で、好きなテーマを選ぶ。[サンプル] を押してみて、気に入ったら [このデザインをインポートする] をクリック。ラジオボタンで選択したあと、[選択したデザイン…