2009/03/08

Bloggerの行間のあけ方

Blogの記事が詰まって見えたので行間の空け方を調べる。調べ方が悪いせいか簡単にそのままズバリが出てこない。それでもいくつかのサイトを参考にさせて頂いてHTMLを編集した。.postのところに入れれば本文の行間が指定できるみたい。

.post {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:30px;
margin-$startSide:0px;
letter-spacing:0px;    ←ここが文字の間隔
line-height:22px;     ←ここが行間
}

サイドバーの幅をピクセルで指定するのはここ。

@media all {
div#main {
float:$endSide;
width:66%;
padding-top:30px;
padding-$endSide:0;
padding-bottom:10px;
padding-$startSide:1em;
border-$startSide:dotted 1px $bordercolor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
div#sidebar {
margin-top:20px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0;
padding:0px;
text-align:$startSide;
float: $startSide;
width: 220px;    ←ここでサイドバーの幅を指定できる。
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
}

以上。

0 件のコメント: