日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2014年5月7日水曜日

Blogger:投稿の周りに太い枠線を設置して一つのパネルのように魅せる

「Blogger の各要素の周りに太い枠線を設置することで、パネルが並んでいるようなデザインにする」シリーズの構成記事です。

投稿の表示エリアの周りに太い枠線を設置して一つのパネルのように魅せてみましょう。


枠線を太くする!

テンプレートのカスタマイズにて、上級者向け→CSSを追加にて以下のスタイルシートを適用します。

.post-outer {
border-style: solid;
border-width: 10px;
border-color: #eeeeee;
margin: -10px -30px -10px -30px;
padding: 0px 20px 0px 20px;
}


太くした結果!

太くした結果次のようになりました!
投稿の枠線を太くした結果


これで、投稿 が一つのパネルのように見えるようになりました!




関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...
Related Posts Plugin for WordPress, Blogger...