簡易(手抜き)テーブル生成マッシーン！

2007.05.04(09:50)

たとえばこんなテーブル↓

お財布.com基本データ
報酬	現金
受け取り	イーバンク銀行・ジャパンネット銀行・郵貯・ほか
換金レート	300円から
ポイント有効期限	なし
紹介制度	紹介者と同額100％

見やすくてわかりやすくて、いいと思いませんか？

ということで作ってみました。

「簡易(手抜き)テーブル作成マッシーン！」

↓↓↓↓↓↓↓

〜使い方〜

テーブルの概要ってのは、例えば、「お財布.comデータ」とかね。表示はされませんが、書いておいたほうがいいです。
テーブルタイトルってのはバナーの上に文字書きたいときに。
「お財布.com基本データ」とか。
上部バナータグと下部バナータグってのはASPとかポイントサイトとかの紹介バナーのタグをそのまま貼ってください。普通のテキストも書けますよ。
で、「項目名」に項目名を、「内容」に内容を入力してください。(まんまだな)
バナーのフォーム・項目名のフォームをクリックするとタグが追加されます。
やっぱりいらないって思ったら「列を削除」ボタンを押してください。

最後に、生成されたソースをコピペすればできあがり♪
htmlソースのところで一度クリックして「ctrl+A」ですべて選択できます。

※注意事項※

・項目の数は8個までです。
自由に増やせたりするようになる『かも』しれないです。

・生成されたソースの改行を削除して、一行で使ってください。
でないと自動改行のブログではおかしなことになると思います。
改行なしのソースも表示されるようになってますので、メンドクセーって方はそちらをどうぞ。
改行したい場合は記事の編集画面に貼付けてから改行するか、改行したい場所に<br />タグを追加してください。

07年05月：<br />タグが自動で挿入されるように

右上の<br />タグ自動挿入にチェックしてください。
赤いランプがついてる状態がチェックです。

ちなみにこのままだと枠線も何もないので、とりあえずデフォルトのDiechang風CSS(スタイルシート)を↓

table.siteData{
margin:auto;
border-collapse:collapse;
}
table.siteData td{
border:solid 1px #9999FF;
padding:4px;
}
table.siteData td.tableTitle{
background-color:#EEEEFF;
}
table.siteData td.bannerImg{
text-align:center;
}
table.siteData td.pro{
background-color:#EEEEFF;
}

テーブルのクラス名は「siteData」、
上部・下部のテーブルセルのクラス名は「bannerImg」、
項目名セルのクラス名は「pro」です。
上記CSSを、テンプレート設定からCSS編集の一番最後の方にでもコピペして色とかいじってみてください。
念のためテンプレートを複製しておくと安心かもしれません。

ちなみにこの「簡易(手抜き)テーブル作成マッシーン」はまだ試作段階ということで、おかしな動きをするかもしれません。
なにかあったらコメントください。

手に負えないようなバグだったら…
記事ごと削除だな(笑