<< ムーア監督、カンヌ映画祭で米大... この世界は以下の種類の人間から... >>
excite ブログ、複数画像のアップ法

<excite は、画像の複数アップは不可、としていますが、出来ます>


猫 猫 猫 猫 猫 猫
猫 猫 猫 猫 猫 猫


意外かも知れませんが、「スキン変更」 から行います。
失敗してもリスクはないので、気軽に試してください。



○ 以下をクリックしていく。

設定 ⇒ スキン変更 ⇒ 編集 ⇒ マイイメージアカウントにイメージ登録 ⇒
参照 ⇒ アップする画像を選択 ⇒ 開く ⇒ 送信


○ これでブログに画像がアップされた。次に、アップされた画像をテキストに貼り付ける。


アップする画像を 「保存されたイメージリスト」 から 選択 ⇒
イメージURLコピー ⇒ イメージURLを右クリック ⇒ コピー


○ 投稿画面を開き、以下のタグを、コピーし、貼り付ける。タグは辞書登録しておくと (・∀・)ベンリ! 参照


<img src="" ALT="" WIDTH=138 HEIGHT=103 border="0">


○ これにデータを挿入していく。


コピーしたイメージURLを src="" に貼り付ける。
ALT="" に画像のタイトルを入れる。 参照1  参照2
WIDTH=138 HEIGHT=103 で横縦の長さを指定。この場合 「300、225」 に設定 (初めからアップする大きさにソフトで加工しておくのが吉)。
border="0" は枠線の太さ。この場合は枠線を入れないので "0"。


○ 以下のタグが完成。


<img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0060.JPG" ALT="植物" WIDTH=300 HEIGHT=225 border="0">


○ 送信ボタンを押すと、画像が現れる。

植物


● 現れない時は、タグに誤りがないか一字ごとにチェックする。とくに、送信後に 「イメージURL」 内に改行が入るトラブルが発生しやすいかも。この場合、改行をはずしてやる。


■ 改行がはいり失敗した例。 「JPG」 のあと。
<img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0060.JPG
" ALT="植物" WIDTH=300 HEIGHT=225 border="0">


○ 画像をセンターにもって行きたい場合、<div style="text-align: center;">、</div>、を挿入する (画像のサイズ、小さくします)。 参照


<div style="text-align: center;">
<img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0060.JPG" ALT="植物" WIDTH=138 HEIGHT=103 border="0">
</div>


○ 実行すると。

植物


○ 以上を繰り返し、投稿画面にイメージURLを貼り付けていくと、複数画像のアップ (>Д<)ゝ”完了!  おつかれ!


○ あとは、サイズ、改行、スペース、を工夫し、各自でレイアウトしてください。たとえば・・・・。


<div style="text-align: center;">
<img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0060.JPG" ALT="植物" WIDTH=300 HEIGHT=200 border="0">

<img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0047.JPG" ALT="植物" WIDTH=138 HEIGHT=103 border="0">  <img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0031.JPG" ALT="植物" WIDTH=138 HEIGHT=103 border="0">

<img src="http://pds.exblog.jp/pds/1/200405/18/74/PICT0037.JPG" ALT="植物" WIDTH=300 HEIGHT=200 border="0">
</div>



植物

植物  植物

植物




○ 質問、間違い、があればコメントしてください。作者、かなりそそっかしいです (((笑

○ 以上のウラ技は、ちくわや さんの イメージにリンクをつける・3 ちょっとした応用編 を参考にさせて頂きました。ありがとうございます。

○ Bravo の別ブログ スタイルシートのバグにもうダメダメ のカデゴリ 「CSSでブログをカスタム!」 に、いろんなカスタム紹介しています。ご覧あれ!
[PR]
by bra-net | 2004-05-18 13:33 | お役立ち | Comments(47)
Commented by riwta at 2004-05-18 19:12
はじめまして!
参考&勉強になりました。
さっそく明日にでも試してみま~す。
Commented by heteheete at 2004-05-18 20:40
bravoさん、勉強になりました!!
しかし、怠け者&あふぉな私にはちょっと難しいかも(^^ゞ
また虎の巻、楽しみにお待ちしています。
Commented by bra-net at 2004-05-19 02:52
>riwta さん       
はじめまして~~~ヾ(^∇^)
>さっそく明日にでも試してみま~す。
報告、お待ちしてます~。
Commented by bra-net at 2004-05-19 02:55
>heteheete さん       
>怠け者&あふぉな私
そんなことないですよ~~。

>また虎の巻、楽しみにお待ちしています。
(>Д<)ゝ”アィ!
Commented by z_mrkw at 2004-05-27 01:09
こちらの記事、
ある方のコメント欄で紹介させていただきました〜♪
Commented by bra-net at 2004-05-27 01:23
>z_mrkw さん         
>ある方のコメント欄で紹介させていただきました〜♪
ありがとう、ございます~~。
このページが、このブログのメインなんで、ぜひ売り込んでやってくださ~い (((笑

でも、うまくいったというコメがないので、うまく書けてるか心配 (ーΩー )ウゥーン
Commented by z_mrkw at 2004-05-27 01:26
ところで初心者なので教えて頂きたいのですが、
div centerという記述なんですけど、
単にcenter /centerで囲むのとどう違うのですか?
Commented by bra-net at 2004-05-27 01:36
> z_mrkw さん           
するどい!!
ほんとは本文でも書きたかったのですが、テーマがちがうので、リンクを張るのにとどめました。

<div style="text-align: center;">
は、スタイルシートです

<center>
は、HTMLです。

現在どちらでもセンター寄せは出来ますが、後者は将来廃止されることが3WCから勧告されています。↓
http://www.w3.org/

ただ、3WCの勧告には強制力はないので、じっさいに各メーカーのブラウザがどう対処していくかは未知数です。

でも、どちらにせよ、スタイルシート(CSS)の書式を選択して損はないと思います。
Commented by bra-net at 2004-05-27 01:47
【 W3C 】
ここがインターネット、もしくはワールドワイドウエッブの本家本元。創設者、ティム・バーナーズ・リーさん。ウエッブサイト製作の為のプログラム言語、HTML、CSSなどはここで開発、更新。強制力のない非営利団体だが、すべて(?)のプラウザがここのプログラムで動く。日本語訳。
http://www.w3.org/Consortium/Translation/Japanese

詳しくはWWWの歴史まで(「とほほのWWW入門」より)。
http://tohoho.wakusei.ne.jp/wwwxx018.htm
Commented by z_mrkw at 2004-05-27 01:52
(・_・D フムフム
ありがとうございました〜。
また教えてください。
つか、これとは別に、解析関係でもお聞きしたいことがあるのですが、
ちょっともう眠眠なので、また後日伺います。m(__)m
Commented by bra-net at 2004-05-27 02:16
>z_mrkw さん        
>ありがとうございました〜。
どーいたしまして。

>また教えてください。
了解。

>解析関係でもお聞きしたいことがあるのですが、
なんか鋭そう・・・・。
Commented by derochan3 at 2004-05-30 23:06
らへん。さんはここで学んでいるのですね…はじめましてでろといいます。トラバさせてもらいました。りんくも。ぺこり。
Commented by bra-net at 2004-05-31 02:10
>でろさん       
はじめまして~~~ヾ(^∇^)
トラバ、リンクさんきゅです!
最近、写真とるのにハマってるので、写真仲間、うれしいです!
これからも、よろしく!
Commented by derochan3 at 2004-05-31 07:42
トラバとコメントありがとうございました。間違いのご指摘も助かります。私多いんですよ。とほほ。こちらこそよろしくです。
Commented by bra-net at 2004-05-31 22:14
>derochan3 さん    
わざわざ、どーもです _| ̄|○))
Commented by ipod-groove at 2004-06-12 06:51
参考になりました。ありがとデス。m(__)m
Commented by bra-net at 2004-06-12 12:22
>ipod-groove さん      
いえいえ、わざわざコメ、さんきゅです ペコリ(o_ _)o))
わからんところがあれば、質問くだされ。
Commented at 2004-06-14 14:48
ブログの持ち主だけに見える非公開コメントです。
Commented by easternsky at 2004-06-14 16:09
Bravoさん。先週の金曜日から作り始めた初心者です。
掲示板から辿ってアドバイスを拝見し、
複数リンクのアップ、成功しました~。
どうもありがとうございます!
(あの、、テキストの背景色ってどうやって変更するのでしょうか?bgcolor=""でできないのですが。。
Commented by bra-net at 2004-06-14 19:03
>easternsky さん          
>先週の金曜日から作り始めた初心者です。
ようこそ! おれもはじめて、3ヶ月くらいですよ~

>どうもありがとうございます!        
わざわざ報告、ありがとう ペコリ(o_ _)o))
よければ、掲示板のほうにもレスつけて「アゲ」といてくだされ。

>テキストの背景色ってどうやって変更するのでしょうか?
以下を参照ください。おれの別ブログ内のテキストです。
http://bravo650.exblog.jp/77630/

また「スタイルシートのバグにもうダメダメ」のカデゴリ「CSSでブログをカスタム!」に、いろんなカスタムのテキストがあります。

わからないことがあれば、この「bra-net」にレスしていただけると回答は早いです。
Commented by easternsky at 2004-06-14 21:20 x
「スタイルシートのバグにもうダメダメ」をリンクさせていただきました!ちょこちょこ訪問してお勉強してみたいので。はじめて3ヶ月~。うーん、優秀だ~~。これからもまたよろしくおねがいします。(あ、掲示板アゲときました!)
Commented by bra-net at 2004-06-14 22:04
>「スタイルシートのバグにもうダメダメ」をリンクさせていただきました!
さんきゅです~~~ヾ(^∇^)

>うーん、優秀だ~~。
(ノ≧∀≦)テヘッvv 

>あ、掲示板アゲときました!
これまたさんきゅツーさんきゅ _| ̄|○))  _| ̄|○))
Commented by easternsky at 2004-06-15 17:33 x
Bra-netさん、やっとわかりました!
なぜ、私が使っている「モンドリアン」は色が変えられないか。
色の部分、gifなんです、、
カラー変更できるのは文字だけだった。。
あ、だから各種の色でスキンが用意されているのか。
ううう、、やっぱり私ってつらい人かも、、
トラバの意味もよくわからなかったりするし。
ま、習うより慣れろ!ですよね。がんばろっと。
ではまた☆
Commented by bra-net at 2004-06-15 18:09
>easternsky さん       
>色の部分、gifなんです、、
なるほど、試したら、そーなってますねえ (((笑

では、img をはずしてcolor を入れてみてはどうですか?
たとえば、本文のバックなら、CSSを以下に変えて、カラーは自分のお好きなのに入れ替えてください。

DIV.POST {
background-color: #ffc;
WIDTH : 620PX;
}

分からなければ、質問ください。
Commented by easternsky at 2004-06-15 22:36
bra-netさん、試してみてくださったんですね!
やさしすぎ、、、
で、さっそくやってみました。結果:
プレビューでは確かに色が変わるのですが、
それを保存して、元に戻すと、変わってない!何度やってもダメです。
他のgifの箇所は変わりました、んが、
なんだかデザインがヘンになっちゃいます。それなら、と
全部#fffにしてみたら、面白くもなーんともない!
うーん、何を質問していいか、分かりません、、
すいません、出来が悪くて(・・)
Commented by bra-net at 2004-06-16 14:34
∥easternsky さん            
>変わってない!
(ーΩー )ウゥーン 別の実験用exciteブログでやれば出来たのですが・・・

ブラウザの左上の更新ボタンを押してもダメでしょうか?

あとOSとブラウザの種類は? 

あと、自分なりにイジろうとしたのですが、このスキンはカスタムしにくいように思われます(あくまでおれの実力内のはなしですが・・・)
Commented by easternsky at 2004-06-16 17:04
Microsoft IE、WindowsXPです。
やっぱり、カスタム化しにくいスキンなんですね、、
ガックリだ。けど、まあこのままでも、コンテンツには合ってるか!な、と言うことにして。

それより、トラバックのヘルプのところからまたしてもbra-netさんのサイトに飛び込んで、ずっと説明を読ませていただきましたが、、、モーイヤ!になるけど私にはわかりません。自分のブログ内ではやってみたらすぐにできました。でも他の方にはどーやって?

1)トラバックURLって相手先のことでしょうか?
2)具体的に、自分の書いた記事を誰かに紹介したい場合、まず、トラバックの画面を出して、記事を書いて、そして紹介したい先の記事のURLをどこかに入れるのですか?それとも、自分の記事を紹介したい先からトラバック画面を開くの?ですか??
本当にスイマセン、、bra-netさん、勝手に紹介する機能、
であることは理解できたんですが、やり方がわからないんです、、
(ヒサン ;;)
Commented by bra-net at 2004-06-16 17:21
∥easternsky さん        
>Microsoft IE、WindowsXPです。
だったら問題ないと思います。Macがちょっと・・・

>コンテンツには合ってるか!な、と言うことにして。
じつは、CSSでのカスタムって、あきらめも肝心なんですよ (((笑 いやほんと。

1そーです。
22つの方法があります

a)exciteブログ内
相手のテキストの下、「トラックバックする(会員専用)」クリックで、原稿を書き、「送信」

b)exciteブログ内、ほかのブログ
普通に原稿を書く。したのほうにあるに「トラックバックURL」に相手のトラバックURLを貼り付け、送信。

ちなみにこのテキストのトラバックURLは
http://branet.exblog.jp/tb/291969

です。コピペして試してください。
Commented by easternsky at 2004-06-23 10:19
bra-netさん、ちょっと大人しくしていたのですが(笑)、
やっぱりスキン変更をしてみたいので、カスタム化しやすそうなものに変えてみました。掲示板等をみてみても同じような質問がないので、また質問させてください!

1)全体に左に寄っているみたいなのですが、真ん中に表示させたいときはどうすればよいのでしょうか?
2)3列に変更してみたいのですが、やり方がわかりません。ひょっとしてスキンを適用する前でないとできないのでしょうか?レイアウトが選べる画面から、保存に進むと、名前とgifファイルをアップロードしてください、という画面に行ってしまうのですが、今のデザインのまま、3列に変更できないのでしょうか?

この質問の内容がもし、お分かりなら(自分でもどう聞けばよいのか、、涙)、教えてください(ペコリ)。
Commented by easternsky at 2004-06-23 20:03
PS:
そういえば、bra-netさん、トラバの件で丁寧にご説明いただいて、ちゃんとお礼を申し上げておりませんでした、、、↑のURLにトラバしてみたんですが、どーなったのかしら??
Commented by bra-net at 2004-06-24 13:01
〆easternsky さん          

2)以下の手続きで、できないでしょうか?

設定 ⇒ スキン変更 ⇒ マイスキン ⇒ 新しいスキン作成 ⇒ スキン作成をはじめます ⇒ Dを選択 ⇒ 次へ ⇒ 保存

1)は2が実行されるとムダになるのでちょっと・・・・自分でも試さなければならないので・・・・
Commented by easternsky at 2004-06-25 15:05
bra-netさん、いろいろやってみました、が、
最後の「保存」の時、スキン名、現在のイメージ、スキンイメージの変更、という画面が出ますよね?名前は付けられるとして、スキンイメージに何を入れればいいのかがわかりません。。。そもそも、スキンイメージってどこに入るものなのでしょうか??プロファイルの画像とは違いますよね?

すいません、やっぱり何か重大なことがわかっていないのだと思います。。
Commented by bra-net at 2004-06-25 22:47
〆easternsky さん      
スキン関係のレスは遅れます・・・すんません ( ̄∇ ̄;

試してみました。

>スキンイメージに何を入れればいいのかがわかりません。。。
これは、なんでもいいです。スキンのインデックス部にのみ使われますので・・・・皆には見えません。

なんでもいいから、jif(画像の種類)で縦横75pxの画像を作り、指示に従い、アップしてください。そのあとは、普通のスキン編集と同じだと思います。

写真加工ソフトをお使いだと、保存のときに、JPGを選ばずjifを選んでください。

がんばってくだされ~~~ヾ(^∇^)
Commented by easternsky at 2004-06-26 12:38
そんな、、bra-netさん、すんません、なんて言わないで~~
教えていただけるだけで、本当にありがたいんです。それに、
全然、遅くもなんともなーい。クィック、クィックです★
にゃるほど。。何でもいいから画像を作って、アップ、ですね。
わかりました~~~。やってみまするぅ~~~
Commented by picot-picot at 2004-07-03 15:31
複数の画像をアップされているブログを見て「どうやったらできるんだ?」とフシギに思っていたのですが、こちらを見て"!!"になりました。(このサイトを教えてくださったfuanitaさんありがとうございます。)
ところで、イメージファイルって、容量制限30MBの範囲であれば数はいくらでも登録しておけるのでしょうか?削除してしまったらリンクが切れて見れなくなるのですよね?じゃあ追加していくしかないのかな???
#あ、真上にeasternskyさんもいらっしゃってる!
Commented by bra-net at 2004-07-03 16:06
〆picot-picot さん     
はじめまして~~~ヾ(^∇^)
>容量制限30MBの範囲であれば数はいくらでも登録しておけるのでしょうか?
数には関係ないと思います。容量(バイト数)だと思います。 

>削除してしまったらリンクが切れて見れなくなるのですよね?
リンクが切れるというより、文字どうり「削除」だと思います。 

>じゃあ追加していくしかないのかな???
すんません。意味がわかりません。
Commented by picot-picot at 2004-07-03 16:13
bra-netさん。こんにちは。
早速ありがとうございました!

>>じゃあ追加していくしかないのかな???
>すんません。意味がわかりません。
失礼しました。たいした意味はなかったのです。。
あの小さいエリア("保存されたイメージリスト"のファイル名が一覧できるところ)に、画像をどんどん追加していくと、そのファイル名ずらずらと並んでいくだけなので、ちょっと見にくい(管理しにくい)かなあ、、と思いまして。。
なんだかわかりにくいヒトリゴトでごめんなさいでした。
また立ち寄らせていただきますね!

Commented by m_m_k at 2004-07-07 17:24
ブラボーさんこんにちは。
分かりやすい説明のおかげで複数画像のアップ、成功しました。
お世話になりました!
Commented by bra-net at 2004-07-07 17:37
〆m_m_k さん      
>ブラボーさんこんにちは。
こんにちわ~~~ヾ(^∇^)

>お世話になりました!
わざわざ挨拶、うれしーです。やったかいがあるってもんだ (((笑
Commented at 2004-08-10 13:14 x
ブログの持ち主だけに見える非公開コメントです。
Commented by motto_quatre at 2004-08-31 21:59
ずいぶん、この説明のおかげで
ワシのブログも上達しました☆

もういっちょ、教えていただきたいのですがぁ~~

あの、説明文のトコ
文章を枠で囲みたいんやけどぉ~~

どないしますん??

教えてくだされぇ~~。・゚・(ノД`)・゚・
Commented by bra-net at 2004-08-31 22:39
〆motto_quatre さん   
>ワシのブログも上達しました☆
よかったです~~~ヾ(^∇^)

>もういっちょ、教えていただきたいのですがぁ~~
OK !
では、↓のコメントで......
Commented by bra-net at 2004-08-31 22:40
★★文中に枠線を入れる★

とりあえず以下をコピペで、CSSに追加してください。

div.kakomi {
WIDTH : 80%;
MARGIN : 2em auto -0.5em;
padding: 0em 1.5em 1.5em 1.5em;
border: solid 1px #aaa;
}

つぎに以下をコピペで、投稿してください。

<div class="kakomi">
この文が枠で囲まれる。
</div>

枠組みができるはずです。
あとはご自身で設定をいじってください。

kakomi  → お好きな名前で。但し半角英数で英語からはじめる。それ以外で使えるのは_くらい。

WIDTH : → 幅
MARGIN : → 囲みの上下の文との間隔
padding: → 囲み線と内側の文章との間隔
border: → 枠線の指定

solid  → ただの線
dashed → 点線

ほかにも線の種類はあるけどブラウザ間で同一の反映をするのは現在この二つだけと思われます。

1px → 線の幅
#aaa  → 線の色指定

色はここらへんを参照↓ 6桁での表示は#aaaaaaとなります。
http://www3.azaq.net/docs/color.htm

わからなかったら質問くだされ~~~ヾ(^∇^)
Commented by motto_quatre at 2004-09-03 00:30
ありがとうございました。

またまた、勉強になりましたでぇ☆
Commented by bra-net at 2004-09-03 22:40
〆 motto さん       
>ありがとうございました。
どーいたしまして~~~ヾ(^∇^)

なんかうまくいったみたいですねえ・・・・・・・名前はkakomiのまま (((笑
Commented by volvo s40 at 2005-09-10 00:16 x
Wow! Cool! :-)
Commented by soma at 2005-09-12 08:30 x
Wow! Thats realy cool! :-)
名前
URL
画像認証
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。

<< ムーア監督、カンヌ映画祭で米大... この世界は以下の種類の人間から... >>