手打ち用無料テンプレート・左サイドバー2カラム
釣り関連のウェブサイト作成は大きく分けて・・・
- 自分でhtmlを組み立てて作るウェブサイト
- シーサーブログやライブドアブログに代表される自動でhtmlを組み立られるブログサイト
この二つがあります。
BBSを持って来訪者の人とコミュニケーションを取るのも大いに結構ですが、その前に土台になるホームページやブログサイトを正しい文法で、しかもイカした釣りサイトなら気分も大いに違うと思います。
しかしながら、正しい文法、すなわちXHTMLですが・・・
コイツでサイトを書くのは並のことではありません。ある程度タグやHTMLに詳しい人ならコツコツやれば出来ると思いますが、まったくの素人の人が何の手助けもなしに作ろうたって、そう容易く作れるわけは無いです。そこで・・・
私の方で初心者向けのテンプレートを用意しました。このテンプレートを元に、手打ちの普通サイト作りの情報、ノウハウを流して行きたいと思います。
テンプレートは無料です。バナー画像は17種類用意しました。
サイトを作ってみたいなぁ・・・、と思われる方は、圧縮ファイルに纏めてありますから、ダウンロードして使ってみてください。
無料テンプレート
どんな感じのテンプレートか・・・?
こんな感じのテンプレートです(^_^)v
一応配置しているバナー画像はルアー向けのモノクロの画像ですがこれ以外に海釣り関連の画像なども用意してみました。
まあ、780×150で画像を作っていただければ、バナー画像の交換は簡単です。
バナーに合わせる感じで、全体をライトグレー系に纏めてあります。これは他のバナー画像を用いても、まあ、それなりにマッチすると思いますから、リンク色やテキストカラー、それにレイアウトコンテナのボーダーカラーなど殆ど触る必要のないようにしています。
もちろん独自色を出していくには、カスタマイズが必要ですが、色々やって見られると良いと思います。バックアップを取ってからやれば、失敗しても始めた時点に戻って修正できます。
こういう作業は失敗の数だけ上手になると思います。わからない箇所はグーグル先生に聞きながらやっていくのがキモです。
タグはシーサーブログのタグを意識して作成してます。この手打ちサイトが作れれば、自然とシーサーブログのカスタマイズも出来るようになると思います。(^_^)v
無料テンプレート・使用上のご注意?(笑)
![]()
バナー画像は上記の17種類、どれを選んでいただいても、それなりにイカした釣りサイトになると思います。

当たり前ですが、以下のようなウェブサイトには当無料テンプレートの使用は禁止します。(ってか釣り関連のサイトじゃないとあまり意味が無いとも思いますが・・・)
- アダルト系のサイト、出会い系サイト(18禁は使用禁止です)
- 公序良俗に反するサイト
- MLM系のサイト(マルチはお断りです)
- その他、当方が不適切と考えるサイトもお断りします。
(常識の範囲でお願いします)
本テンプレートは、リンクウェアです。サイドバーの一番下のPRリンクは消去しないで下さい。(これだけはお約束!)
ビジネス系でもアフィリエイトサイト(アドセンス系を含む)には使用を認めます。遠慮せずにガンガン使い倒してください。(^◇^)
圧縮ファイルの中には「template1.html」と言うファイルとimgフォルダにバナー画像17種類(780×150)、それにcssフォルダにスタイルシートが入ってます。imgフォルダとcssフォルダは、そのままアップロードしてお使いいただく感じで、上手く行きます。
このテンプレートを配布後は2カラムの右サイドバーのもの、それに3カラムの物を配布する予定です。(ウケ無いと配布をやめます^_^;)
それぞれ異なったスタイルシートを使用しようと思います。cssフォルダでスタイルシートを分けて管理する方が後々得策になると思います。
template1.htmlをテキストエディタで開いて頂いて、タイトルやHタグ(見出し)部分、それに<p>から</p>間での間にテキストコンテンツをはめ込めば上手く表示されます。
サイト上部、ピンクの四角い部分は、336×280の仮画像をはめてます。写真をはめ込むのも有力ですが、広告を貼る場合はグーグルアドセンス広告のレクタングル(大)がピッタリのサイズ設定です。
サイト中央やや下に私の画像をはめてますが、コンテンツ内に画像をはめ込むと、すべて左側に回りこむように設定しています。これにより、スペースを無駄なく使えます。(もちろん私の画像は削除して、ご自分の画像でサイトを作ってくださいね^_^;)
それでは下記よりダウンロードをどうぞ♪
圧縮ファイル(zip)にしてます。解凍用のツールはベクターで探せば無料の物が簡単に見つかります。
サイトを作ったら、ぜひ私のサイトと相互リンクしましょう。ご連絡はこちらからお願いします。(^_^)
