はてなダイアリーのフォントサイズや行間をCSSで調整する方法

はてなダイアリーの本文部分のフォントサイズや行間の変更は，
「管理」メニューを開いて「デザイン」を選び，
「詳細」タブを選択して，
スタイルシート欄に，

div.body {/* 本文の設定 */
font-size: 85%; /* フォントサイズ変更 */
line-height : 1em ; /* 行間の設定　*/
}
などと書くことで調整できます．

箇条書きの行間も下記のように指定すると設定できました．
ul{/* 箇条書きの設定 */
line-height : 1.7em ; /* 行間の設定　*/
}

備忘のため，このブログでのデザイン変更内容をここにメモしておきます．
Hatena_flat-purpleのテンプレートを選択し，
詳細デザイン設定のスタイルシート欄に，
以下のcssを追加しました．

h1 {
padding: 0.5em 5% 0em 5%; /* ブログタイトル上,右,下,左のスペース調整 */
}

ul{/* 箇条書きの設定 */
line-height : 1.7em ; /* 行間の設定　*/
}

div.body {/* 本文の設定 */
font-size: 85%; /* フォントサイズ変更 */
line-height : 1em ; /* 行間の設定　*/
}

.hatena-sectioncategory {/* カテゴリ一覧の設定 */
font-size: 95%; /* フォントサイズ変更 */
}

.hatena-section {/* タイトル一覧の設定 */
font-size: 95%; /* フォントサイズ変更 */
}

.my-subtitle {/* サブタイトルの設定 */
padding: 0em 1.5% 0em 1.5%; /* 上下左右のスペース調整 */
font-size:70%; /* フォントサイズ変更 */
}

.my-head-link {/* ヘッダ内のリンク部分の設定 */
padding: 0.2em 1.5% 0.2em 1.5%; /* 上下左右のスペース調整 */
font-size:90%; /* フォントサイズ変更 */
}

.my-head-link {/* サイドバー内のリンク部分の設定 */
font-size:85%; /* フォントサイズ変更 */
}

よろしかったら一日1クリックで応援して下さい。
↓励みになります。


にほんブログ村