表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


個別の記事ページ記事下の余白を有効に使うためのメモ

サイドバーが長くなりすぎると個別の記事ページで記事の下に余白が多くなるので余白を有効に使うためのメモ
※この記事をカスタマイズ中のテンプレートで確認するリンク
HTML
<div id="freeArea">
<div class="freeAreaItems">
<div class="freeAreaItem">freeAreaItem</div>
</div>
</div>
CSS
#freeArea {display:none;} /*非表示*/
body#eid #freeArea {
display:block; /*個別記事ページのみ表示*/
width:640px;
height:200px;
margin:0 auto 20px;
padding:10px;
background-color:#ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.freeAreaItems {}
.freeAreaItem {}
今回はトラックバックの下に設置してみました
フリースペースを設置しても良いかもしれません

スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック