初心者から上級者まで、ホームページ作成に役立つテンプレート・素材・無料ツールや情報など
トップ
＞ 部分HTMLテンプレート（フォルダ風）
オーソドックス
｜
シンプル
｜フォルダ風｜
グラデーション
｜
角丸
｜
枠グラデーション
｜
ブロック
｜
音符
｜
縦じま
｜
横じま
■
部分HTMLテンプレート（フォルダ風）
無料の部分HTMLテンプレートです、ホームページ作成の際にご利用下さい。
枠内のHTMLソースをコピーしてお使い下さい。
メニューの有無やリンク数など、お好みのデザインにカスタマイズできる
カスタムHTMLテンプレート・プラス
[PR]
審美歯科
■
フォルダ風（赤）
メニュー1
・
リンク1
・
リンク2
・
リンク3
・
リンク4
・
リンク5
このデザインでは画像を利用しています。
下の画像を右クリックで保存して
HTMLファイルと同じ場所に置いて下さい。
<table width="234" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="60%" bgcolor="#CC0000" height="25"> <span style="font-size:80%;line-height:1.5"> <strong> <font color="#FFFFFF"> メニュー1 </font> </strong> </span></td> <td width="40%" valign="bottom" height="25"><span style="font-size:80%;line-height:1.5"><img src="temp_folder1-1.gif" border="0"></span></td> </tr> </table> <table width="234" border="0" cellspacing="1" cellpadding="3" bgcolor="#CC0000"> <tr> <td bgcolor="#FFF5EE"> <span style="font-size:80%;line-height:1.5"> ・<a href="">リンク1</a><br> ・<a href="">リンク2</a><br> ・<a href="">リンク3</a><br> ・<a href="">リンク4</a><br> ・<a href="">リンク5</a><br> </span> </td> </tr> </table>
■
フォルダ風（青）
メニュー1
・
リンク1
・
リンク2
・
リンク3
・
リンク4
・
リンク5
このデザインでは画像を利用しています。
下の画像を右クリックで保存して
HTMLファイルと同じ場所に置いて下さい。
<table width="234" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="60%" bgcolor="#6495ED" height="25"> <span style="font-size:80%;line-height:1.5"> <strong> <font color="#FFFFFF"> メニュー1 </font> </strong> </span></td> <td width="40%" valign="bottom" height="25"><span style="font-size:80%;line-height:1.5"><img src="html/temp_folder2-1.gif" border="0"></span></td> </tr> </table> <table width="234" border="0" cellspacing="1" cellpadding="3" bgcolor="#6495ED"> <tr> <td bgcolor="#E0FFFF"> <span style="font-size:80%;line-height:1.5"> ・<a href="">リンク1</a><br> ・<a href="">リンク2</a><br> ・<a href="">リンク3</a><br> ・<a href="">リンク4</a><br> ・<a href="">リンク5</a><br> </span> </td> </tr> </table>
■
フォルダ風（黄）
メニュー1
・
リンク1
・
リンク2
・
リンク3
・
リンク4
・
リンク5
このデザインでは画像を利用しています。
下の画像を右クリックで保存して
HTMLファイルと同じ場所に置いて下さい。
<table width="234" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="60%" bgcolor="#FF9900" height="25"> <span style="font-size:80%;line-height:1.5"> <strong> <font color="#FFFFFF"> メニュー1 </font> </strong> </span></td> <td width="40%" valign="bottom" height="25"><span style="font-size:80%;line-height:1.5"><img src="temp_folder3-1.gif" border="0"></span></td> </tr> </table> <table width="234" border="0" cellspacing="1" cellpadding="3" bgcolor="#FF9900"> <tr> <td bgcolor="#FAFAD2"> <span style="font-size:80%;line-height:1.5"> ・<a href="">リンク1</a><br> ・<a href="">リンク2</a><br> ・<a href="">リンク3</a><br> ・<a href="">リンク4</a><br> ・<a href="">リンク5</a><br> </span> </td> </tr> </table>
■
フォルダ風（緑）
メニュー1
・
リンク1
・
リンク2
・
リンク3
・
リンク4
・
リンク5
このデザインでは画像を利用しています。
下の画像を右クリックで保存して
HTMLファイルと同じ場所に置いて下さい。
<table width="234" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="60%" bgcolor="#3CB371" height="25"> <span style="font-size:80%;line-height:1.5"> <strong> <font color="#FFFFFF"> メニュー1 </font> </strong> </span></td> <td width="40%" valign="bottom" height="25"><span style="font-size:80%;line-height:1.5"><img src="temp_folder4-1.gif" border="0"></span></td> </tr> </table> <table width="234" border="0" cellspacing="1" cellpadding="3" bgcolor="#3CB371"> <tr> <td bgcolor="#CCFFCC"> <span style="font-size:80%;line-height:1.5"> ・<a href="">リンク1</a><br> ・<a href="">リンク2</a><br> ・<a href="">リンク3</a><br> ・<a href="">リンク4</a><br> ・<a href="">リンク5</a><br> </span> </td> </tr> </table>
このデザインの編集方法などはこちら
よろしければ当サイトに不足している情報をお教え下さい。
こんな情報・機能が欲しいなど、ご意見ご要望もお待ちしております。
カテゴリ
・
Webデザインのコツ
・
テーブルデザインのコツ
・
ホームページで収入を得る
新着記事
・
テーブルデザイン10(横じま)
・
テーブルデザイン9(縦じま)
・
テーブルデザイン8(音符)
・
テーブルデザイン7(ブロック)
・
テーブルデザイン6(枠グラデーション)
・
テーブルデザイン5(角丸)
・
ホームページで収入を得る
・
テーブルデザイン4(グラデーション)
・
テーブルデザイン3(フォルダ風)
・
テーブルデザイン2(シンプル)
無料
・
部分HTMLテンプレート
・
HTMLテンプレート
・
カスタムHTMLテンプレート・プラス
利用規約
｜
リンクについて
｜
お問い合わせ
Copyright hpsien.com All rights reserved
[PR]
資産運用
