fc2ブログ
現在FC2ブログで公開している、pnekoシリーズのテンプレート使用見本、及び利用規約などです。主に『猫』をモチーフとした物を制作中。
  • 09«
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • »11
2007年01月30日 (火) | 編集 |
2007/1/30(19:30)記

ヘッダー部分を少し書き換えました。
修正前の物でも、そのまま利用されるのには、問題は無いと思いますが、
<body>の下に、アクセス解析などのタグを入れると、
スタイルシートで指定した、上部のアキが、無視される様です。
その為、上部が少し詰まった感じになってしまいます。
特に気にならない方は、そのまま使用頂いて結構です。

すでにダウンロード済みで、修正のみしたい方は、



2カラム3カラム共通、スタイルシートの編集で次の部分を

/* ページ構成 */
body{
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
background-color: #8c6640;
margin: 0px; ←ここを10pxに変更
padding: 0px;

これだけでも、大丈夫そうです(^^)

一応、以下↓修正した部分(参考までに)



3カラム、HTMLの編集で次の部分を

<div id="header">
<div id="BlogName"><a href="<%url>" title="ブログタイトル" id="pagetop"><%blog_name></a></div>
<div id="headIntroduction"><%introduction></div>
</div>

<div id="container">

このように↓

<div id="container">

<div id="header"></div>
<div id="headBlock">
<div id="BlogName"><a href="<%url>" title="ブログタイトル" id="pagetop"><%blog_name></a></div>
<div id="headIntroduction"><%introduction></div>
</div>



スタイルシートの編集で次の部分を
/*head要素 */

#my_header{}

#header {
margin-top:15px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:left;
height: 165px;
width: 840px;
background-image: url(http://blog-imgs-18.fc2.com/p/u/k/puku2/choco_kuma.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

このように↓

/*head要素 */

#my_header{}

#header{
height: 15px;
width: 860px;
}

#headBlock {
margin: 0px 10px 5px 10px;
padding: 0px;
height: 165px;
width: 840px;
background-image: url(http://blog-imgs-18.fc2.com/p/u/k/puku2/choco_kuma.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

書き換えて下さい(コピー&ペーストで可)



2007/1/30(20:30)記
3カラムだけかと思っていたら、2カラムの方でも、
同じ様な症状になる様ですね。こちらも修正しておきました。

2カラム、HTMLの編集で次の部分を

<body>
<div id="baseBlock">
<div id="headBlock2">

次の様に追加↓
<body>
<div id="baseBlock">
<div id="headBlock1"></div>
<div id="headBlock2">

スタイルシートの編集で次の部分
/*head要素 */のすぐ下に

#headBlock1 {
}

を、追加して下さい。
スポンサーサイト