簡単タグ入力ツールの説明 / 利用可能タグの一覧

簡単タグ入力ツールの説明

簡単タグ入力ツールは

掲示板の書き込みフォームにある「簡単タグ入力」や「Tag Maker」等のリンクをクリックする事でご利用になれます。

このリンクをクリックすると「B」や「small」や「IMG」等のボタンのあるタグ作成ツールが表示されます。
これらのボタンを押すことで、コメント欄にそのボタンに応じたタグを挿入することが出来ます。

例えば、「B」ボタンを押すとコメント欄のカーソル部に「<B>」というタグが追加されます。
1回押すと「B」ボタンは「/B」というように「/」が付きますが、
この表示はまだタグを閉じていないという印です。
この「/B」という状態でボタンを押すと今度は「</B>」という閉じタグが追加されます。

「IMG」や「A」というボタンは「http://」と記入された欄に
画像やリンク先のURLを入力して、ボタンを押すことでそのURLが反映されたタグが追加されます。


また、以下のように特定の文字を選択した状態でボタンを押すと
その部分の文字がタグで装飾された状態になります。

↓「B」ボタンを押す
「重大発表」の部分が太字のタグ<B>で囲まれ、
掲示板上の表示ではこのようになります。





※ キーボードのみで楽にタグを挿入する方法
これらのボタンは以下の表のようにキーボードのキーを押すことで、
マウスを使わずにタグを挿入することが出来ます。
例えば、「B」タグはWin/IEでは「ALT + B」、Mac/IEでは「Ctrl + B」で挿入可能です。

タグ作成画面を開くにはALT + T 又は Ctrl + T の後に「Enter」キー

 ALT + B 又は Ctrl + B
 ALT + I 又は Ctrl + I
 ALT + U 又は Ctrl + U
 ALT + S 又は Ctrl + S
 ALT + O 又は Ctrl + O
 ALT + C 又は Ctrl + C
 ALT + F 又は Ctrl + F
 ALT + G 又は Ctrl + G
 ALT + A 又は Ctrl + A

この機能によりマウスを全く使わずに、タグを簡単に挿入することも出来ます。
1.掲示板の書き込みフォームで「ALT + T」の後に「Enter」でタグ入力ツールを開く
2.コメント欄に装飾したい文字を入れ「ALT + B」等でタグを挿入する。

 ※ これら機能は一部のブラウザなどでは正常に働かない可能性もありますのでご了承下さい。



利用可能タグ一覧
種類 書き方 説明
<FONT></FONT> <FONT size="5" color="#000066">サンプル</FONT> サンプル 「size="5"」・・・サイズ指定
「color="#000066"」・・・色指定
スタイルシートは使用不可(色一覧
<A HREF></A> <A HREF="http://www.style-21.com/">サンプル</A> サンプル リンク
<B></B> <B>サンプル</B> サンプル 太字にする
<I></I> <I>サンプル</I> サンプル 斜体にする
<U></U> <U>サンプル</U> サンプル アンダーラインをつける
<S></S> <S>サンプル</S> サンプル 打ち消し線
<H*></H*> <H1>サンプル</H1>

<H6>サンプル</H6>

サンプル

サンプル
文字の大きさを変える

1〜6まで
<BIG></BIG> <BIG>サンプル</BIG> サンプル 大きい文字
<SMALL></SMALL> <SMALL>サンプル</SMALL> サンプル 小さい文字
<STRONG></STRONG> <STRONG>サンプル</STRONG> サンプル 強調
<EM></EM> <EM>サンプル</EM> サンプル 強調

 ↓以下は当サイト掲示板内において投稿時のみ有効なタグです。
<red></red> <red>サンプル</red> サンプル 赤指定
<blue></blue> <blue>サンプル</blue> サンプル 青指定
<green></green> <green>サンプル</green> サンプル 緑指定
<black></black> <black>サンプル</black> サンプル 黒指定
<color></color> <color=#ffffff>サンプル</color> サンプル 色指定
<url></url> <url=http://www.style-21.com/>こちら</url> こちら URLリンク
<mail></mail> <mail=info@style-21.com>メールはこちら</mail> メールはこちら メールリンク

 ↓以下は各掲示板設定による(プレビュー機能を利用して使用可能かどうかをご確認下さい。)
<IMG src=""> <IMG src="http://www.style-21.com/pic/baby_m1.gif"> 画像を貼り付けます。
サイズ指定は出来ません。
<TT></TT> <TT>サンプル</TT> サンプル 等幅フォント
<CENTER></CENTER> <CENTER>サンプル</CENTER>
サンプル
中央揃え
<embed src=""> <embed src="http://〜〜"> オブジェクトの埋めこみ
<HR> <HR>
水平線
<SUP></SUP> 10<SUP>2</SUP> 102 上付き文字
<SUB></SUB> H<SUB>2</SUB>O H2O 下付き文字
<marquee></marquee> <marquee bgcolor="#ffff99">サンプル</marquee> サンプル スクロール




携帯用ページでのみ機能するリンクタグの記述方法
<A phone></A> <A phone="http://www.style-21.com/i/">サンプル</A>
通常のリンクタグでは携帯から見た場合は機能しませんが、
この記述方法を用いることで携帯用ページでもリンクが可能になります。

利用例

<A href="http://www.style-21.com/">PC用</A>
<A phone="http://www.style-21.com/i/">携帯用</A>