pcから実験くん 2007/7/8 日曜日 に みお先輩 が投稿 — 5件のコメント ↓ いつかプログラムで型をやらせよおっと！ 画像処理や修正やってみたもょ(*^_^*) Tweet 公開日：2007年7月08日 日曜日 22:43 更新日：2007年7月09日 月曜日 22:13
画像付きのやり方など。 管理画面のタグがあるところの最後に「IImage Browser」ってあります。 これをクリックする。 すると、別ウインドウで「IImage Browser」が開きます。イメージ・ブラウザって名前だったかな。 既にみおちゃんがアップロードした画像はあります。一番最初にあるはず。サムネイル画像とオリジナル画像の二種類あるはず。 でも、このことは、まず忘れる（笑） 別ウインドウで開いたイメージブラウザを見ると、最初にディレクトリがずらりと並んでいます。rootとか070410yotsugiとか。 ここにmioというディレクトリがあるので、そこをクリックする。「このディレクトリ内に画像ファイルはありません。」と表示しているはず。 次に、右上にある「アップロード」というボタンをクリック。すると、画像をアップロードするための機能を表示します。 ここでロボの画像を選択し、アップロードボタンをクリック。サムネイル画像も作成したい場合は、下にある「サムネイル作成」をチェック。長辺側はデフォルトで128px（ピクセル）になっていますが、Tipsでは170px（ピクセル）に統一しているので、170と入力。これでサムネイル画像も作成されます。他はデフォルトでいいです。 これを記事に挿入する方法ですが、アップロードした画像をクリックします。 すると、表示方法が「ずるん」と表示されます。ここで表示方法を選択するのですが、記事冒頭に挿入したいなら「サムネイル表示のみ」をチェック。サムネイル画像を表示させ、クリックで拡大表示させたいなら一番上の「元画像リンク付サムネイル」をチェック。 alt属性は、画像にマウスを置いたときに表示されるテキストの値のことです。「ロボ」でも「実験」でも好きなテキストを入力します。 次に「CSSクラス名」ですが、ここが空白だと、画像の横にテキスト（本文）が回り込まず、画像の上か下にテキストが表示されます。 CSSを設定しているので、ここに「tips」（全て小文字！）と入力すると、画像の横にテキスト（本文）が回り込みます。 「tips」と入力してみる。 そして「コード生成」ボタンをクリックする。テキストエリアにタグが自動生成されます。便利！ これを記事に貼り付けるには、「コード生成」の横にある「投稿記事に貼付」ボタンをクリックするだけ。 これで、記事投稿画面に画像タグが自動で貼り付けられます。なお、貼り付けられるのは、本文最後の行です。カーソルの位置ではないです。 なので、最初に画像を貼付して本文を書くといいです。本文の最後に画像タグが挿入された場合は、画像タグを移動させてください（カット＆ペーストでOK）。 以上が画像処理の仕方です。 イメージブラウザを使えば楽にできます。mioディレクトリはみおちゃん専用にしてありますので、実験してみて下さい。 リプライ ↓
今日ダイヤとショウタが学校に着いたとたんケンかをし始めました。 ダイヤが、ショウタに強く注意したらショウタが抵抗して、長靴のままミドルを蹴りました。 それできれたダイヤショウタを怒ったらショウタがとうとう泣き出しました。でもその後のことは、知りません。教室に来たダイヤは、平然としておりました。 リプライ ↓
ユウスケとヒロキのナイスなコンビネーションのコメントに笑いました。 みおちゃんの記事に全然関係ないコメント・・・ 修正しましたね。みおちゃん。 これはザクなのですか。 じゃあ、私はグフ系で。 ミオザクとは違うのだよ！ミオザクとは！ リプライ ↓
画像付きのやり方など。
管理画面のタグがあるところの最後に「IImage Browser」ってあります。
これをクリックする。
すると、別ウインドウで「IImage Browser」が開きます。イメージ・ブラウザって名前だったかな。
既にみおちゃんがアップロードした画像はあります。一番最初にあるはず。サムネイル画像とオリジナル画像の二種類あるはず。
でも、このことは、まず忘れる（笑）
別ウインドウで開いたイメージブラウザを見ると、最初にディレクトリがずらりと並んでいます。rootとか070410yotsugiとか。
ここにmioというディレクトリがあるので、そこをクリックする。「このディレクトリ内に画像ファイルはありません。」と表示しているはず。
次に、右上にある「アップロード」というボタンをクリック。すると、画像をアップロードするための機能を表示します。
ここでロボの画像を選択し、アップロードボタンをクリック。サムネイル画像も作成したい場合は、下にある「サムネイル作成」をチェック。長辺側はデフォルトで128px（ピクセル）になっていますが、Tipsでは170px（ピクセル）に統一しているので、170と入力。これでサムネイル画像も作成されます。他はデフォルトでいいです。
これを記事に挿入する方法ですが、アップロードした画像をクリックします。
すると、表示方法が「ずるん」と表示されます。ここで表示方法を選択するのですが、記事冒頭に挿入したいなら「サムネイル表示のみ」をチェック。サムネイル画像を表示させ、クリックで拡大表示させたいなら一番上の「元画像リンク付サムネイル」をチェック。
alt属性は、画像にマウスを置いたときに表示されるテキストの値のことです。「ロボ」でも「実験」でも好きなテキストを入力します。
次に「CSSクラス名」ですが、ここが空白だと、画像の横にテキスト（本文）が回り込まず、画像の上か下にテキストが表示されます。
CSSを設定しているので、ここに「tips」（全て小文字！）と入力すると、画像の横にテキスト（本文）が回り込みます。
「tips」と入力してみる。
そして「コード生成」ボタンをクリックする。テキストエリアにタグが自動生成されます。便利！
これを記事に貼り付けるには、「コード生成」の横にある「投稿記事に貼付」ボタンをクリックするだけ。
これで、記事投稿画面に画像タグが自動で貼り付けられます。なお、貼り付けられるのは、本文最後の行です。カーソルの位置ではないです。
なので、最初に画像を貼付して本文を書くといいです。本文の最後に画像タグが挿入された場合は、画像タグを移動させてください（カット＆ペーストでOK）。
以上が画像処理の仕方です。
イメージブラウザを使えば楽にできます。mioディレクトリはみおちゃん専用にしてありますので、実験してみて下さい。
今日ダイヤとショウタが学校に着いたとたんケンかをし始めました。 ダイヤが、ショウタに強く注意したらショウタが抵抗して、長靴のままミドルを蹴りました。
それできれたダイヤショウタを怒ったらショウタがとうとう泣き出しました。でもその後のことは、知りません。教室に来たダイヤは、平然としておりました。
それは、ダイヤが強く言いすぎと、思う。
ユウスケとヒロキのナイスなコンビネーションのコメントに笑いました。
みおちゃんの記事に全然関係ないコメント・・・
修正しましたね。みおちゃん。
これはザクなのですか。
じゃあ、私はグフ系で。
ミオザクとは違うのだよ！ミオザクとは！
>ユウスケとヒロキ
文章の前後を見ろて。
全然関係ないコメントたい。
まぁ、面白かけんよかばってん。
雨たいねぇ。