人生は、自由に！楽しく！幸せに！創造しよう！

///////////////////////////////////////////////////////////////////////////////////////////////////////

　★ファンブログのカスタマイズ（カストマイズとも言う）記録メモ★

///////////////////////////////////////////////////////////////////////////////////////////////////////

***************************************************************
■2013.07.30　サンタの部分を隠す　
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のＣＳＳを変更（赤字の部分）
---------------------------------------------------------------
/* ヘッダー背景 */
#header{
background:url(https://fanblogs.jp/image/blog/xmas_b3/img-head.jpg) top no-repeat;
height:90px;
}

***************************************************************
■2013.07.30　眼に優しくする為、メイン部の背景に少し色を付けた
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のＣＳＳを変更（赤字の部分）
---------------------------------------------------------------
/* レイアウトごとの設定 */

/* 3 column multi */
body#multi #main {
margin:0;
}
body#multi #container {
width: 880px;
margin: 0 auto;
background: #F6F6F6;
}

***************************************************************
■2013.07.30　リンクのマウスオーバー時、赤にする
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のＣＳＳを追加（赤字の部分）
---------------------------------------------------------------
/* リンクの色と装飾 */
a:link { color:#000066;text-decoration:underline; }
a:visited { color:#4D7AE0; text-decoration:underline; }
a:hover { color:#4D7AE0; text-decoration:none; }
a:active { color:#4D7AE0; text-decoration:none; }

/* ★追加*/
a:hover {
color: red;
}


***************************************************************
■2013.07.30　見出しの文字を少し大きくした
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のＣＳＳを変更（赤字の部分）
---------------------------------------------------------------
/* 見出しの初期設定 */
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
margin: 0.5em 0;
}

/* ★変更*/

h1 {
font-size: 180%;
}
h2 {
font-size: 156%;
}
h3 {
font-size: 138%;
}


***************************************************************
■2013.07.30　メイン部の上に、広告を表示させた
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「メイン」のＨＴＭＬに追加
---------------------------------------------------------------
（　＜　を　全角に変更して記載、そうしないと本当のHTMLとして認識し表示されない為　）

＜div id="main" class="clr">　と　＜div id="wrapper" class="clr">
の間に、下記のように広告バナーを含むHTMLを追加した。


＜div id="main" class="clr">

＜!--▼▼▼▼▼▼-->
＜table style="width: 870px;" border="0">
＜tbody>＜tr>

＜td style="width: 140px;" align="center" valign="middle">

ここに、125×125の広告バナーを追加

＜/td>

＜!--▼▼▼▼▼▼-->
＜td style="width: 730px;" align="left" valign="middle">

＜p>★★★★★★アフィリエイト通信講座★今ならお得です。★★★★★★＜/p>

ここに、728×90の広告バナーを追加

＜/td>＜/tr>
＜tr>

＜!--▼▼▼▼▼▼-->
＜td style="width: 140px;" align="center" valign="middle">

＜/td>

＜!--▼▼▼▼▼▼-->
＜td style="width: 730px;" align="left" valign="middle">

ここに、アドセンスのリンク広告728×15を追加

＜/td>＜/tr>
＜tr>

＜!--▼▼▼▼▼▼-->
＜td style="width: 140px;" align="center" valign="middle">

＜/td>

＜!--▼▼▼▼▼▼-->
＜td style="width: 730px;" align="left" valign="middle">

＜br />

＜p align="right">
＜a title="免責事項" href="https://fanblogs.jp/sandi/category_21/" target="_blank">免責事項＜/a>

 ＜/td>

＜/tr>＜/tbody>＜/table>

＜!--▲▲▲▲▲▲-->

＜div id="wrapper" class="clr">

***************************************************************