こちらではNINJA TOOLSさまが提供されている
忍者メールフォームのテンプレートを配布しています。
使用報告、リンクは強制ではありません。ご自由にお使いください。
(2008.5)
メールフォームの設置方法(当サイト配布のCSS基準)
- カスタマイズはご自由にどうぞ。
- 再配布はしないでください。
- ソース内の著作権表記は消さないようお願いします。
- 背景などに他素材サイトさまの素材を使用する場合は、その素材サイトさまの利用規約を遵守してください。
使用する場合はスキンの選択で「自作CSSを使用する」を選んでください。
CSSファイルはメールフォームのタグを記入するhtmlファイルと同じ階層にアップロードしてください。
css、html、共に文字コードはUTF-8で保存してください。
使用するパーツは
メールフォームのタイトル
メールフォームの説明文
title
name(記入必須)
mail
url
textarea (記入必須)
(記入必須項目に『*』をつける。にチェックを入れる)
です。
パーツの種類はお好みで増減してください。
■CSS変更部分(必ず変えてください)
30行目あたりにあります。
#あなたのID_top
「あなたのID」の部分をメールフォームのIDに書き変えてください。
■□CSSのみ配布□■
画像をクリックするとサンプル画像とCSSのソースが別窓で出ます。
htmlファイルはこのような感じで。
このソースを使用した場合、真っ白背景に中央表示という、とてもシンプルなページになります。
文字コードUTF-8で保存し、CSSのファイル名の部分を書き換え、忍者で提供されるメールフォームタグを記入してください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="CSSのファイル名.css">
<title>MAIL</title>
</head>
<body>
<div align="center">
<!-- ここから -->
<!-- ここまでメールフォームタグを記入 -->
</div>
</body>
</html>
■□CSSとhtml配布□■
画像をクリックするとサンプル画像とhtmlソースとCSSソースが別窓で出ます。
BACK