×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

こちらでは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