2style.net

site title

このテンプレートについて

爽やかかつおとなしい色使いを目指したの2カラム・左寄せテンプレートとなります。
使用中の画像は「web*citron」様よりお借りいたしました。
画像を差し替え・削除する場合は下記フッター部分の素材元リンクを変更してください。(使用の可否・リンクの有無については各素材サイト様にお任せいたします)
ただし一つでもデフォルト画像・web*citronさんの素材をご利用の際はクレジット部分の削除は禁止です。

同梱ファイルについて

imgフォルダ - テンプレートで使用する画像が入っています
index.html - このページになります。サンプルHTMLとして複製してご利用ください。
style.css - スタイルシートファイルです。改造・改変は自己責任で。

HTMLタグについて

フォント関連

<em>強調です<em>
<strong>より強い強調です</strong>
<del>サンプル文字。取り消しです</del>
<ins>サンプル文字。下線付きです</ins>

<p class="no_mrgn">テキスト段落下部のマージンが無くなります。</p>

<p class="big">テキスト部分の文字が大きくなるよ</p>

<p class="mini">テキスト部分の文字が小さくなるよ</p>

リスト関連

通常のリスト

  • 通常のリスト
  • 通常のリスト2

横並びのリスト

  • 通常のリスト
  • 通常のリスト2

番号付きリスト

  1. 通常のリスト
  2. 通常のリスト2

定義リスト

タイトル、用語など
ここに上記<dt></dt>タグ内の用語の説明文などを書き足します。
小説タイトルを<dt></dt>タグに、<dd></dd>タグ内にその小説の説明などを書いたりなどに便利です。
タイトル、用語など
ここに上記<dt></dt>タグ内の用語の説明文などを書き足します。
小説タイトルを<dt></dt>タグに、<dd></dd>タグ内にその小説の説明などを書いたりなどに便利です。

画像リスト

イラスト展示ページなどでサムネイルを並べたり、リンクページなどご利用ください。

  • サンプル画像
  • サンプル画像
  • サンプル画像
  • サンプル画像
  • サンプル画像
  • サンプル画像

フォーム

name
mail
URL
title
message

その他

スクロールボックス

サンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストです サンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストです サンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストです サンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストです サンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストです サンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストですサンプルテキストです

テーブル

横テーブル

タイトル1 サンプルテキストです サンプルテキストです
タイトル2 サンプルテキストです サンプルテキストです
タイトル3 サンプルテキストです サンプルテキストです
タイトル4 サンプルテキストです サンプルテキストです

縦テーブル

タイトル1 タイトル2 タイトル3
サンプルテキストです サンプルテキストです サンプルテキストです
サンプルテキストです サンプルテキストです サンプルテキストです
サンプルテキストです サンプルテキストです サンプルテキストです