忍者ブログ
壱岐君、退陣ゃ テストブログ 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回]

ここではタグ発動しないように 『 < 』 と 『 > 』 は全角で表記


このテンプレの初期状態HTML

<span class="CommentURL"><!--$comment_homepage_link--></span>|



助太刀忍者 [カスタマイズBBS] の方式
   (http://csbbs.ninja.co.jp/Thread_View/25622/

<span class="CommentURL"><a href="<!--$comment_url-->" target="_blank">URL</a></span>|

これだと、コメント投稿時にURLを入力してない人にもリンク表示が出てしまう。



完全版

<span class="CommentURL"><!--if_comment_url--><a href="<!--$comment_url-->"" target="_blank">URL</a><!--/if_comment_url--><!--if_not_comment_url-->URL無し<!--/if_not_comment_url--></span>|

  URL無し』 は便宜上表示させてるだけなので削除してもいい。



それと、訪問済みリンク色の件
Operaとプニルで確認してみたけど、問題再現せず。
参考 訪問済みリンクの色が変わらなくなりました。 - 教えて!goo
        http://oshiete.goo.ne.jp/qa/3159744.html

拍手[0回]

ブログ本体のスクロールバーにも着色してみた。

CSS部 赤文字部分を追加

/* -------------------------------------------------------
全体の設定
------------------------------------------------------- */
body {
text-align: center;
background-color:#DDDDDD;
font-size: 90%;
color: #000000;
font-family: 'MS UI Gothic','Microsoft Sans Serif','Comic Sans MS',Tahoma,sans-serif,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック';
margin: 0px;
background-repeat:no-repeat;
background-image:url('');

scrollbar-face-color: #ccffff;
scrollbar-highlight-color: #aaccff;
scrollbar-shadow-color: #0000aa;
scrollbar-3dlight-color: #ffcc99;
scrollbar-arrow-color: #ff0000;
scrollbar-track-color: #999999;
scrollbar-darkshadow-color: #000066;



}


/*-------------------------------------------------------
 tdの指定  text-align: left;
-------------------------------------------------------*/
td {





色の割り当て場所とかは、コチラのサイトさんなどを参考に
 http://www.tagindex.com/stylesheet/page/scrollbar_color.html

拍手[0回]

[1] [2] [3] [4] [5] [6] [7
カスタマイズ実験場
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
カレンダー
上部に記載するプラグインの説明文:
10 2024/11 12
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
下部に記載するプラグインの説明文:
プロフィール
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]