/style.css"> /style-s.css" rel="stylesheet" type="text/css" media="only screen and (max-width:480px)">

このサイト作成ツールを使うときのトリセツ

このサイト作成ツールを使うときに使用する
HTMLの記述の仕方を紹介します。

HTMLについては、背景がグレーの枠の中をコピーすると同じように記述されます。

文章を書くときはこちら→リッチテキストエディタ

 

 

アクセス解析の入れ方

アクセス解析は、フォルダの中の「 kaiseki.txt 」の中に入れてください。

 

 

アフィリリンクについて

アフィリリンクはリフレッシュタグを使用しています。(自分の個ページを経由してワンクッションして飛ばすこと)
リフレッシュタグが入っているページが「 url.html 」です。
ですので、公式ページへリンクを飛ばすときは次のコードで飛ばすといいです。

<h5><a href="url.html" target=”_blank”>>>○○○○を今すぐ見に行く!</a></h5>

※アフィリエイトコードは11番のアフィリリンクの中に入れてください。

 

 

ここはh2タグで囲っています

大見出しとして使ってください

<h2>ここはh2タグで囲っています</h2>

 

 

ここはh3タグで囲っています

中見出しとして使ってください

<h3>ここはh3タグで囲っています</h3>

 

 

ここはh4タグで囲っています

小見出しとして使ってください

<h4>ここはh4タグで囲っています</h4>

 

 

ここはh5タグで囲っています

h5タグは基本的に、リンク飛ばすときに使います。下を参考にしてください。

<h5>ここはh5タグで囲っています</h5>

 

 

ここはh5タグで囲って外部にリンクを飛ばしています

外部リンクの場合は、target=”_blankがつき、新しいタブで開きます。

<h5><a href="" target=”_blank”>ここはh5タグで囲って外部にリンクを飛ばしています</a></h5>

 

 

ここはh5タグで囲って内部リンクになっています

内部リンクの場合は、同じタブで開きます。

<h5><a href="" >ここはh5タグで囲って内部リンクになっています</a></h5>

 

 

7番のロゴ画像に入れるタグ

ロゴ画像のサイズはMAXで500×50です。300×30〜500×50のサイズで作ってください。

<p id="logo"><a href="./"><img src="img/logo.gif" alt="" /></a></p>

 

 

背景がホワイトの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="white">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がブラックの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="black">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がレッドの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="red">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がブルーの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="blue">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がグリーンの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="green">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がイエローの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="yellow">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がオレンジの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="orenge">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がピンクの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="pink">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がブラウンの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="brown">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がスカイブルーの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="skyblue">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

スマホのフッターに表示される広告

スマホのフッターに固定で表示される広告部分にはこちらのコンテンツを入れます。

<center><strong>↓↓ お買い求めはこちらからどうぞ ↓↓</strong>
<a href="url.html" target="_blank" >468×60のバナー画像</a></center>

 

 

枠なしのテーブルを作るとき

枠なしのテーブル 枠なしのテーブル
<div class="table-none"> <table> <tr> <td>枠なしのテーブル</td> <td>枠なしのテーブル</td> </tr> <tr> <td><img alt="" src="img/sample.jpg" style="width:90%" /></td> <td><img alt="" src="img/sample.jpg" style="width:90%" /></td> </tr> </table> </div>

 

 

点線のテーブルを作るとき

点線のテーブル 点線のテーブル
<div class="table-dotted">
<table>
<tr>
<TD>点線のテーブル</TD>
<TD>点線のテーブル</TD>
</tr>
<tr>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
</tr>
</table>
</div>

 

 

実線のテーブルを作るとき

実線のテーブル 実線のテーブル
<div class="table-solid">
<TR>
<table>
<td>実線のテーブル</td>
<td>実線のテーブル</td>
</tr>
<tr>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
</tr>
</table>
</div>

更新情報・最新情報のお知らせ

2014/03/06
サイトタイトルをリニューアルしました
2014/03/06
1記事目のタイトルを更新しました
2014/03/06
2記事目のタイトルを更新しました
2014/03/06
3記事目のタイトルを更新しました
2014/03/06
4記事目のタイトルを更新しました

サイドバーのHTMLタグ

SUB MENU1

<h3>SUB MENU1</h3>
<ul class="submenu">
<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>
</ul>

 

 

<div class="box1">
<h3>SUB MENU2</h3>
<ul class="submenu">
<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>
</ul>
</div>

 

 

○○○○公式サイト

バナー画像(横幅200px以内)
↑↑↑↑↑↑↑↑↑↑
○○○○公式サイトはこちら

<div class="box1">
<h3>○○○○公式サイト</h3>
<div class="side_banner_box">
<p><a href="url.html" target=”_blank”>バナー画像(横幅200px以内)</a><br/>
↑↑↑↑↑↑↑↑↑↑<br/>
○○○○公式サイトはこちら
</p>
</div><!--/side_banner_box-->
</div><!--/box1-->

 

 

スマホ非表示タグ

スマホで表示させたくないコンテンツは次のタグで囲ってください

<div class="boxnone">

</div><!--/boxnone-->

 

 

スクロールする部分

バナー画像(横幅200px以内)
↑↑↑↑↑↑↑↑↑↑
○○○○公式サイトはこちら

<div class="scroll">
<h3>スクロールする部分</h3>
<div class="box1">
<div class="side_banner_box">
<p><a href="url.html" target=”_blank”>バナー画像(横幅200px以内)</a><br/>
↑↑↑↑↑↑↑↑↑↑<br/>
○○○○公式サイトはこちら
</p>
</div><!--/side_banner_box-->
</div><!--/box1-->
</div><!--/scroll-->

 

 

inserted by FC2 system