スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

テンプレートのカスタマイズ

Summary:
共有テンプレに公開している / aqua / rosso / di_base / の手軽なCSSカスタマイズTipsを暇に任せて小出しに公開。

メニュー欄を左に置く / メニュー欄を右に置く

  • 20053031以降にダウンロードされた aqua rosso di_base のみ対象。
  • 基本的に手作業(?)でHTML/CSSの編集を行える方に向けての公開。
  • 既にHTML部分やCSSを編集されている場合は新しいテンプレをダウンロードして試した方がよいです。
  • あくまで参考例ですので画像サイズなどによっては若干の調整が必要かもしれません。
  • 修正と言えば、新しいテンプレをダウンロードした場合はこの辺も確認して頂けると吉。
  • 自分のためだけに便利になってます。申訳ない。

■メニュー欄を左に置く場合

/**** 2ColumnSet ****/
body { text-align: center; }
div#mabody { margin: 0 auto; text-align: left; width: 90%; }
div#mainBlock { width: 70%; float: right; }
div#menuBlock { margin-right: 70%; }
div#template { clear: both; }

 /**** Line ****/
div#mabody { border-left: solid 1px #333; border-right: solid 1px #333; }
div#mainBlock { border-left: solid 1px #ccc; }
div.entrybox { border-bottom: solid 1px #ccc; }

■メニュー欄を右に置く場合

/**** 2ColumnSet ****/
body { text-align: center; }
div#mabody { margin: 0 auto; text-align: left; width: 90%; }
div#mainBlock { width: 70%; float: left; }
div#menuBlock { margin-left: 70%; }
div#template { clear: both; }

 /**** Line ****/
div#mabody { border-left: solid 1px #333; border-right: solid 1px #333; }
div#mainBlock { border-right: solid 1px #ccc; }
div.entrybox { border-bottom: solid 1px #ccc; }
スポンサーサイト

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

http://dw99.blog6.fc2.com/tb.php/44-4926f5f3

コメント

コメントする

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。