免責事項     


PAGE
TOP

当ファンブログのカスタマイズ記録メモ1  【眼に優しくする為、メイン部の背景に少し色を付けた】 【リンクのマウスオーバー時、赤にする】 【見出しの文字を少し大きくした】 【メイン部の上に、広告を表示させた】

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

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

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

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

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

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

***************************************************************
■2013.07.30 リンクのマウスオーバー時、赤にする
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のCSSを追加(赤字の部分)
---------------------------------------------------------------
/* リンクの色と装飾 */
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 見出しの文字を少し大きくした
---------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のCSSを変更(赤字の部分)
---------------------------------------------------------------
/* 見出しの初期設定 */
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に追加
---------------------------------------------------------------
( < を 全角に変更して記載、そうしないと本当の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="http://fanblogs.jp/sandi/category_21/" target="_blank">免責事項</a>

 </td>

</tr></tbody></table>

<!--▲▲▲▲▲▲-->

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

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

この記事へのコメント

   
検索
検索語句

 広告 



 広告 









 運営サイト
@アルミ風チカ画バナー200×40.gif
 運営ブログ2
幸せへの手引き・バナー
 運営ブログ3
STAP騒動の正しい解説
 運営ブログ4
本田健の人生相談ナビ200.jpg


最新記事

 広告 

自分を不幸にしない13の習慣、今なら限定価格!

 広告 



 広告 

初回限定980円

美顔器!>>エステナードソニック<<

ブログ感覚で手軽にお店のホームページ作成「グーペ」
独自ドメイン対応・モバイルショップ・ショップブログ・集客プロモーション・動画表示など、様々な機能がある MakeShopでは、月額0円から始められます!
【簡単更新&こだわりデザイン!】
100% ホームページ プチ


minne(ミンネ)はハンドメイド作品のオンラインマーケットです。 手作り作品のネット販売が、月額利用料「0円」で行えます。

paperboy&co.運営のレンタルサーバー『ヘテムル』がスペックアップ! 独自ドメイン、データベース、FTP アカウントの設定数の上限を、 以下のようにに変更いたしました。
・独自ドメイン設定数の上限: 50個 → 無制限!
・データベース作成数の上限: 50個 → 100個
・サブ FTP アカウント作成数の上限: 2個 → 50個
ドメインや WEB サイトをたくさんお持ちの方は運用コストの削減が図れます。
『heteml(ヘテムル)』レンタルサーバーはこちら
ホームページ作成

  楽天の人気商品です。

ロリポップ!レンタルサーバー!はあなたの「やってみたい!」を応援します!
ロリポップ!なら、ホームページ、ブログ、ネットショップ…
これらが今すぐ、そして簡単にできちゃう!
マニュアルやライブチャットを完備しているので、ホームページ初心者でも安心。
これだけついてるのに月額105円〜ととってもお得。
もちろん無料のお試し期間も10日間あるので安心ですね。
ショッピングカートASP業界でNo.1の店舗数 カラーミーショップ
年間580円からの格安ドメイン取得サービス─ムームードメイン─
一ヶ月あたり99円から利用可能!エクストリムレンタルサーバー
フルカラー名刺100枚320円。今なら送料無料特典付き
1000以上のデザインから選べる。写真/ロゴアップロード可。








プロフィール

キーです
夢を叶える名言

presented by 地球の名言


ペットのおうち

 広告 




Gポイント

  お薦め動画(無料)

全世界で爆発的ヒット映画
『ザ・シークレット』始めの20分間です。

思考と感情があなたの人生を創っています。

下記の画像をクリックすると、動画サイトへ飛びます。(無料)
ザ・シークレット160.jpg

  お薦め DVD

全世界で800万枚(2012年現在)突破の大ヒットDVD。

『ザ・シークレット』の公式日本語版。

その映像は書籍化され、2300万部もの大べストセラー。

現在もなお読者を増やしています。(時間: 91 分)

THE SECRET [DVD]

新品価格
¥3,820から
(2015/3/18 23:35時点)


 お薦め書籍

お金、健康、人間関係、幸せ、など

人生のあらゆる面において「シークレット」をどのように使うかを学べる本です。

ザ・シークレット

中古価格
¥166から
(2015/3/2 09:47時点)


  お薦め DVD

「引き寄せの法則」シリーズ中、最高傑作の呼び声が高いDVDです。

ジェリー・ヒックス氏の他界により、夫妻名義では最後の作品。

20年以上に渡り開催された「引き寄せの法則」ワークショップの集大成とも言うべき濃密な講義がこのDVDです。(時間: 207 分)

引き寄せの法則 ヴォルテックス (2枚組) [DVD]

新品価格
¥5,019から
(2015/3/2 09:22時点)


  お薦め DVD

「ザ・シークレット」をはじめ、引き寄せの法則ブームを作った「エイブラハムの教え」のDVDです。

米国での「引き寄せの法則ワークショップ」の内容が完全収録されています。(時間: 85 分)

お金と引き寄せの法則 富と健康、仕事を引き寄せ成功する究極の方法 [DVD]

新品価格
¥3,300から
(2015/3/22 09:33時点)


 広告 





投票いただけると嬉しいです。(^o⌒*) /

人気ブログランキング


アクセスカウンター

  お薦め動画 (無料)

中島みゆき 公式動画







 広告 



HP製作
記事一覧


ブログランキング・にほんブログ村へ
にほんブログ村


 広告 

利用金額の最大
100%ポイントバック♪

カテゴリアーカイブ
月別アーカイブ

 広告 

WISDOM

 
リンク集

はじける星屑

QRコード
http://fanblogs.jp/sandi/index1_0.rdf