|
|
||
|
ノーマル掲示板からアイコン付き掲示板へカスタマイズ方法
クミタテネットで使用している掲示板は、大元は全て同じものを使用しています。つまり、どんな掲示板でもカスタマイズをすることが可能です。ノーマル掲示板からアイコン付き掲示板に。またレス付き掲示板にもゲストブックにも変更できます。
各掲示板をサンプルとしていくつかご用意はしていますが「このデザインが気に入ったけどアイコンが着いているものが良いな」とデザインと機能が一致しないことがあるかと思います。そこでカスタマイズ方法を記載します。「ちょっと面倒だな・・・」と感じるかもしれませんが意外と難しくないのでこだわって自分だけの掲示板を作ってみてはどうでしょうか? アイコンを決める
使用したいアイコンが決まっているでしょうか?決まっていればあなたのホームページスペースにそのアイコンをアップロードしてください。そのアイコンがしまってあるURLを覚えて置いてください。http://ホームページスペースURL/画像収納ディクトリ/ こんな感じになるでしょうか。 フォームを変更する
掲示板から管理画面に移り、「デザイン設定」にチェックを入れて入室します。
フォームを変更する個所は”設定2] 入力フォーム部分を指定します”と書いてある窓(以下設定2と省略します)を確認し、プルダウンメニューでアイコンを選択する欄を追加します。 ノーマル掲示板01を例に、進めていきますが要領自体はどの掲示板も変りませんので参考にしてください。 フォームのURL入力欄のすぐ下には、メッセージ入力欄になると思いますが、その中間にアイコンを選択するプルダウンメニューを入れていきます。(プルダウンメニューの挿入個所はご自身で決定してください) 少し小さくなって見づらいとは思いますが、通常何も変更していない状態ならば設定2の窓はこのようになっていると思います。 わかりやすいように縦に赤線を引いてみました。その部分にカーソルをもっていき、Enterキーでわかりやすいように必要分行間を空けていきます。すると このような感じになると思います。 わかりやすいようにスペースを空けた行間に、下記のHTMLコードを挿入します。 <tr> <td nowrap>アイコン</td> <td align=left colspan=2> <select name=icon> <option value="">なし <option value="アイコンを収納しているURL/アイコン名1.gif">アイコン名1 <option value="アイコンを収納しているURL/アイコン名2.gif">アイコン名2 <option value="アイコンを収納しているURL/アイコン名3.gif">アイコン名3 <option value="アイコンを収納しているURL/アイコン名4.gif">アイコン名4 <option value="アイコンを収納しているURL/アイコン名5.gif">アイコン名5 </select> [<a href="ページURL" target=_blank><small>アイコン参照</small></a>] </td></tr> 「アイコンを収納しているURL/アイコン名.gif」と「アイコン名」は各々設定してください。 またアイコンの参照ができるようにアイコン一覧のページを用意しておくと訪問者にわかりやすいです。 なお、各掲示板でtableタグの作り方が違いますので、<td></td>や<tr></tr>などは掲示板に合わせて作成してください。一旦ホームページ作成ソフトに必要範囲をコピーし編集しなおすと作業しやすいと思います。 アイコンが表示させる場所にコードを挿入
さてここまで設定できたら今度はどこにアイコンを表示させたいかを決めてください。大抵はコメントのすぐ左側に表示しているのでここではそのように設定していきます(ただコメントの右でも上下でも構いません)。 上記の画像は設定3の窓です。下から数えて6行目に<!--COMMENT-->という文字列が表されていると思います。 この<!--COMMENT-->とは本文を反映させる個所ですが、それらはtableタグで囲まれています。 <!--COMMENT-->を入れているtableタグを左右に2分する必要があるため<td></td>を挿入しその中にさらに<img src="<!--ICON-->">を挿入します。 すなわち赤枠で囲ったように<td><img src="<!--ICON-->"></td>を追加します。 元々は無かったコードですが、追加することによってアイコン表示するスペースを確保しました。 これで完成です。「設定を保存」ボタンを押して完了します。 各掲示板でtableタグが違いますので<td></td>タグはでその都度確認をしながら必要かどうかを判断してください。 また画像表示をする場合には単に<!--ICON-->ではなく、<img src="<!--ICON-->"> と記述して下さい。 頑張ってチャレンジしてください! |
|