• コミュニティトップ
• トピック一覧
• 新着トピック
• 最近活発なトピック
• 閲覧数の多いトピック

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

新しい順  |  古い順

• お返事ありがとうございます！
  
  かなり複雑そうですね・・・
  とりあえずチャレンジしてみようかと思います！
  by   2011年05月07日 14:29
  by 
  2011年05月07日 14:29
• 公式テンプレート「color」のトップ画像は
  http://templates.blog.fc2.com/template/color/co_tit_bg2.jpg
  
  上記から呼び出されていますが
  ごらんの通り、左右の幅が固定されていますし、トップ画像の左下に組み込まれた淡色の枠によって、メニュー幅も決められているようです。
  
  このトップを広げたい場合には、画像を借りてきて
  お絵かきソフトなどで拡大したものをアップロードして差し替えるのが
  一般的な手法だと思いますが、widthやmargin,paddingなどを微妙に調整する必要がありそうです。
  
  メニュー枠のおおまかな設定は スタイルシートの
  /* menu
  ------------------------------------------------------------ */
  #menu {
  float: left;
  width: 185px;
  height: auto;
  margin: 0 0 0 5px;
  display: inline;
  text-align: left;
  }
  上記の部分で設定されており
  
  記事カラムは
  /* main
  ------------------------------------------------------------ */
  
  #main {
  float: left;
  width: 520px;
  height: auto;
  padding-bottom: 10px;
  margin-left: 20px;
  text-align: left;
  display: inline;
  }
  
  この部分や
  /* entry */
  .entry {
  width: 520px;
  height: auto;
  margin-top: 20px;
  color: #666460;
  }
  この部分などで設定されていますが
  もちろん記事カラムとメニューカラムをあわせた大枠のwidthも変更する必要がありますし
  他にも追記部分や背景部分など細かいwidthの設定がいたるところにあります。
  それらすべてを変更する必要があるかは不明ですが、一筋縄では行かないテンプレートであることを覚悟なさったほうが宜しいかと思います。
  
  by 標野ゆき  2011年05月04日 21:10
  by 標野ゆき
  2011年05月04日 21:10