このページは2009年05月15日に更新されました
A.超初心者カスタマイズ
1 画像をアップロードする場所を作ろう
2 ローカルルール設定で、
3つの基本HTMLタグを覚えよう
3 スキンについてと、
管理画面からの色設定
4 掲示板全体の幅設定と、
枠線を消すカスタム
B.ちょっと応用初心者カスタマイズ
1 HTMLタグ作成プログラムで
簡単画像表示
2 放送チェッカーや
ブログパーツを活用しよう
3 文字や画像を
中央寄せにしたり右に寄せる方法
4 テーブル素材を活用しよう
C.高度なカスタマイズを簡単に
1 高度なカスタマイズと
スタイルシートの使い方
2 背景画像のカスタマイズ
3 スクロールバーの色を変える
4 リンクのカスタマイズ
5 したらば掲示板特殊タグ
6 各種スキンでカスタムする際のワンポイント
7 ファビコンを差し替える方法
D.その他+カスタムプログラム
「ねとらじFLASHプレイヤー」
簡単作成プログラム
ねとらじ放送チェッカー作成プログラム
したらば掲示板スレッド作成部分 簡単カスタムプログラム
(参考)カスタムされている掲示板を見てみよう
あたまにきたどっとこむ全文検索
検索キーワード


表示数 表示順
 『あたまにきたどっとこむ』掲載コンテンツについてのQ&A専用スレッドです。質問・追加情報などお寄せください。
 質問の際は、使用OS・使用ソフト・使用オーディオデバイス名や具体的症状など、できるだけ多くの情報を付け加えてください。


誰でも簡単!したらば掲示板カスタマイズ

トップページ>>誰でも簡単!したらば掲示板カスタマイズ>>B-1.HTMLタグ作成プログラムで簡単画像表示

B-1.HTMLタグ作成プログラムで簡単画像表示

作成プログラムで簡単に画像表示

 左の画像は、インターネット上のサーバーにアップロードしたものを、<IMG src="">タグを使って表示していますが。このHTMLタグは作成がやや面倒です。それを簡単に作成してくれるのが、ここに設置している「画像・文字リンクHTMLタグ作成プログラム」です。

 このプログラムで作成したHTMLタグをしたらば掲示板に貼り付けるだけで、誰でも簡単に画像を表示することができます。

画像・文字リンクHTMLタグ作成プログラム

・画像を表示するHTMLタグ
・リンク付き画像を表示するHTMLタグ
・リンク付き文字を表示するHTMLタグ。
 以上の三種類のHTMLタグを簡単に作成することができます。連続して作成するときは、一度ページを更新しないと正常に動作しない場合があります。
画像/文字選択
画像の表示・リンク付きの画像の表示
・画像の表示、または、リンク付きの画像の表示をするHTMLタグを作成したい場合には、チェックを入れて画像のURLを入力してください。
・画像を表示するだけでリンクを付けない場合には、下のリンク先URL入力の「http://」を消して空白にしてください。
リンク付きの文字
 文字にリンクをつけたHTMLタグを作成したい場合には、こちらにチェックを入れて、文字を入力してください。
 
リンク先URL入力
・画像や文字にリンクを付けたいときには、ここにリンク先のURLを入れてください。
・画像を表示するだけでリンクを付けない場合には、下のリンク先URL入力の「http://」を消して空白にしてください。
リンクの開き方
通常:同じウィンドウでそのリンクを開きます。
新規ウィンドウ:新しいウィンドウでそのリンクを開きます。
それ以外は、したらば掲示板で使う場合には関係の無い設定です。
作成ボタン
HTMLソース
プレビュー

作成したHTMLタグの貼り付け方と、画像の並べ方

貼り付けの具体例

 上のように、ローカルルールに作成したHTMLタグを貼り付ければ、掲示板に表示させることができます。

 リンク付き文字・画像の場合も同じです。

画像を縦に並べる場合

末尾に改行の<BR>を入れて縦に並べました

 上のように、画像を表示するタグの末尾に改行の<BR>タグを入れれば、画像も改行されて縦に並べることができます。

画像を横に並べる場合

一枚目の末尾は改行しない

 上のように、一枚目の画像HTMLの末尾を改行せず、二枚目の末尾にだけ改行すれば、左のように、横に並べることができます。

トップページに戻る