忍者ブログ
壱岐君、退陣ゃ テストブログ TEST_02
ともだちは神になり人類は滅亡する計画。この言葉の意味が分りました。  ~ 各ブロックを確認しやすいように色分け & 文字色クッキリ ~
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

<!--/if_edit--><!--▽フッター 0 (広告用エリア)▽" dc:identifier="http://gonsuke.o-oi.net/Entry/44/" /> -->
記事中のタグが発動して上部になんか出てきてるけど気にせずに。


概要:
 フッターエリアの直前にもう1つ「フッター 0」を追加し、二段構えにする


 赤文字が追加した部分

テンプレ編集 上段のHTML部にタグ追加
  ・
  ・
  ・
<!--△コメント編集ブロック△-->
<!--/if_edit-->



<!--▽フッター 0 (広告用エリア)▽-->
<div id="FooterBlock_0">

 ここに広告タグを入れる

</div>
<!--△フッター 0 (広告用エリア)△-->



<!--▽フッター▽-->
<div id="Footer Block">


  ・
  ・
  ・



テンプレ編集 下段のCSS部にタグ追加
  ・
  ・
  ・

/*右プラグイン*/
#PluginBlockRight {
width: 200px;
float: right;
overflow: hidden;/*はみ出した部分を隠す*/
}


/*フッター 0 (広告用エリア)*/
#FooterBlock_0 {
clear: both;
height: 90px;
background-color:#FF0000; /* フッター0の背景色です*/
text-align: center;
color: #000000;
font-size: 80%;
padding-top: 15px;
margin-top: 10px;


background-image:url('');
background-repeat:no-repeat;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}


/*フッター*/
#FooterBlock {
clear: both;

  ・
  ・
  ・


追加する内容としては /*フッター*/ と同じ物なので、
そのまま /*フッター*/ の内容をコピペして二段構えにすりゃOK。

  #FooterBlock_0 { ←指定の名前だけ書き換え
  背景画像は要らないので、そのURLは削除しておく。
  ここでは分りやすいように『フッター0』エリアの背景色を赤にしてある。
  高さ指定 height: 90px; などは適宜調整を。


さらさんが広告タグを挿入した部分は、本来は『指定エリア外』。
タグ的には、右プラグインエリアが終了して次にフッターエリアが開始するのだが、
その両者の狭間に広告タグを入れちゃってる。

これだとIE系のブラウザでは右プラグインのエリア終了のところで
枠線が出てしまうようだ。FirefoxとOperaでは線は出ない。

拍手[0回]

この記事にコメントしちゃう
名 前
タイトル
文字色
メール
U R L
コメント
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Pass
コッソリ (チェックを入れると管理人だけに表示できます)
ありがとうございました!
さっそくありがとうございました。できました。
なるほどー、勉強になります・・・。
ほんと一人ではいじれませんね。
こんなややこしいのは忍者だけ?FC2でも同じなのかな。
あ、スイマセン、広告はずしておいて下さいね(もしクリックがあったら違反になるかもしれないので)
助かりました
さら| URL無し| 2010/05/04(Tue)17:28:54| 編集
できましたか
ま、これはちょっと強引な方法だとは思うんですけどね。

テンプレは、弄りだすとキリが無いですわ
管理人返信 【2010/05/04 18:04】
この記事へのトラックバック
この記事にトラックバックする:
[47] [46] [45] [44] [43] [42] [41] [40] [39
カスタマイズ実験場
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
カレンダー
上部に記載するプラグインの説明文:
09 2017/10 11
S M T W T F S
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
下部に記載するプラグインの説明文:
プロフィール
HN:
gonsuke
性別:
非公開
下部に記載するプラグインの説明文:
ブログ内検索
最新コメント
カテゴリー
最新トラックバック
フリーエリア カテ1
カテゴリー1のフリーアリア
下部に記載するプラグインの説明文:
フリーエリア カテ2
カテゴリー2のフリーエリア
フリーエリア ページランクテスト
フリーエリア カテ3
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。 カテゴリー3のフリーエリア
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
フリーエリア カテ4
上部に記載するプラグインの説明文:
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行 カテゴリー4のフリーエリア プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
下部に記載するプラグインの説明文:
ブログ内検索 カテ4
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
バーコード
P R
  
PR
Copyright ©   TEST_02   All Rights Reserved
Design by MMIT simple_plain Powered by NINJA TOOLS
忍者ブログ [PR]