お悩み解消どっとねっととは?

■生活の中や、人生の中での様々な悩みを解消するアイデアを提供するサイトです

■正しいことを行うこと!人のため、社会ためになることを行うことは基本理念で、あくまで正攻法で目標を目指します!

■先に与える!という成功哲学のノウハウを実践します。先に喜び、楽しさ、知識、価値を与え、投資を行い、利益を得ます!

■0からのスタートです。まずは収入を増やさねば投資もできません!第1ステップとして、初期投資0で始められるビジネスからスタートします。アフィリエイトで月収1万→10万→20万→40万→100万を目指しています!

目標期間それぞれのステージ1年以内!! 実践に基づく、アフィリエイトのノウハウ、自己啓発・成功哲学などを公開していきます!


ファーストステップ:ブログを作ろう!

まずは無料ブログから始めてみましょう!!お勧めの無料ブログサービスはこちらへ!

無料ブログを作るにあたって、最も大切なのはその内容です!

セカンドステップ:グーグルアドセンス

HP左上にある「サンプル産業株式会社」を自分のサイト名に置き換えます。画像サイズは横400px縦67pxで作成し、logo.gifという名前で保存しimagesフォルダに入れます。上の写真をそのまま使う場合は、ロゴ画像の背景色を#0d3da1にすればキレイになじみます。

ロゴ画像の位置調整をしたい場合、style.cssファイルの「ヘッダー」項目内にある「#header img」の left:27px;top:40px; の部分で調整します。この意味はビル画像の左上を基点とし、top(上)から40px、left(左)から27pxの部分に配置しています、という意味です。
例えば右に寄せたいなら、left部分をrightと変更するだけで右寄せに変わりますよ。色々試してみましょう。

左のメニューの使い方

通常のulタグとlistタグで作られています。項目を追加したい場合、例えば「トップページ」の下に1つメニューを追加したい場合は、トップページの後ろで改行すれば追加できます。htmlソース側で編集するなら、<li>ここにメニュー名</li>のように好きな行に入れればOKです。

メニューの途中に入っている「item menu 1」などの小見出しを作るには、listタグにクラス指定で「menu-midashi」とすればOKです。
htmlソース側で編集するなら、
<li>メニュー名</li>
とある所に以下のようなclass部分を追加するだけです。
<li class="menu-midashi">メニュー名</li>

一番下の「item menu others」のように独立したメニューを作りたい場合、メニュー項目の一番下にある</ul>の下に以下のように追加します。htmlソース側で見て下さい。
<ul>
<li class="menu-midashi">item menu others</li>
<li><a href="#">item 1</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 3</a></li>
<li><a href="#">item 4</a></li>
<li class="arrow-last"><a href="#">item 5</a></li>
</ul>

■注意点
メニューの最後を通常のリストタグだけで終了してしまうと、左側の点線ラインが中途半端なままになってしまいます。これを避けるには、最後のメニューのlistタグにクラス指定で「arrow-last」とすればOKです。
htmlソース側で編集するなら、
<li>メニュー名</li>
とある所に以下のようなclass部分を追加するだけです。
<li class="arrow-last">メニュー名</li>

メニュー名のリンクカラーを変えたい場合、style.cssファイルの「メニュー他」という項目内にある「#sub li a:hover」の「#FF3B33」部分をあなたの好きなカラーに置き換えればOK。

ホームページ編集のお手伝いもしております

「うまく編集できない」「作業する時間がない」という方の為に、格安でホームページ制作のお手伝いをさせて頂いております。詳細はこちら

listタグではない状態でも使えます。

TOPICS

上の「TOPICS」のような見出しにしたい場合、h3タグで囲んで下さい。
例:<h3>TOPICS</h3>

TOPICS 2

このテーブル枠は、divタグで囲んでクラス指定に「side-table」とすればできます。
htmlソース側で編集する場合、
<div class="side-table">テキスト</div>