; Seesaaデザインの変更に挑戦

2014年02月24日

メインブログのためのCSS調整【第1弾】【文字の大きさと間隔】


 HTMLやCSSの素人である私『要(かなめ)』が独学でSeeSaaブログのデザインを自分好みに調整していきます。皆様よろしくお願いします。



 通常のままですと、この【楓デザイン】は文字が小さく文字間が詰まっています。デザインとしては格好良いのですが、私には少々読みにくいので文字を大きめにして、文字間も広くとってみます。


 今回、オリジナルのCSSから変更したのは、『.title』と『.text P』の部分です。色を赤色に変えている所を変更したり付け加えています。


.title{
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-size: 17px;
letter-spacing: 0.5pt;
line-height:150%;
}

 ブログの記事タイトルを「17px」に大きくしました。それに伴って文字間を「0.5pt」に、行間を「150%」に広げてあります。



.text P{
font-size: 14px;
letter-spacing: 0.5pt;
margin-top:0px;
line-height:19px;
}

 記事本文は、Pタグを使って <P>〜</p> と書いていらっしゃる方は、この『.text P』の部分を弄ればよいと思います。


 記事の方も文字のサイズを「14px」に大きくしています。文字間は「0.5pt」に、行間も「150%」に広げています。



 皆様でご自身が見やすいように、試行錯誤しながら調整して変更していくとよいと思います。





posted by 要 at 14:32| Comment(0) | デザイン CSS | このブログの読者になる | 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。