回答受付中

clip!clip!
Ads By Google

記事のところも枠で囲みたい



私かが管理するブログなんですが、
このブログ、左側のプラグインは枠で囲ってあります。
しかし、記事のところは枠で囲ってないので、囲うようにしたいです。

どのような編集をすればよろしいでしょうか?

3週間前の質問
この質問はまだ回答を募集しています。あなたの回答を書きませんか?
ウェブから検索
その他  :  辞書 | 翻訳 | 地図 | 路線 | キーワード

1.

2009-10-31 17:02:44
ざっくり言うと、囲みたい部分をさらに2重のdiv要素で囲みます。たとえば記事部分だと
<div class="article-outer hentry">
 <div class="article-outer2">
  <div class="article-outer3">
  …
  </div>
 </div>
</div>
となっているのに対して
<div class="article-outer hentry">
 <div class="article-outer2">
  <div class="article-outer3">
   <div class="article-outer4">
    <div class="article-outer5">
  …
    </div>
   </div>
  </div>
 </div>
</div>
と増やしてやって、article-outer5の背景には横の囲みを表す背景をrepeat-yで配置して、article-outer4に下の囲みを表す背景、article-outer3に上の囲みを表す背景を設定します。それで記事全体が枠に囲まれる形になります。
CSSの設定についてはCSSの「/** 08. Sub & Extra - プラグインエリア */」の部分が参考になります。これと同じようなイメージです。後はpadding/marginを調整すれば大丈夫だと思います。
回答の支持率:100% 100% 投票 この回答を支持
Ads By Google

コメント

まだコメントがありません

トラックバック

トラックバックURL: