解決済

clip!clip!
Ads By Google

同じ質問です。宜しくお願いします。画像を張り確認すると画像と文字が入ります。

回答を頂いたのですがよく理解できなかったので、同じ質問をします。
livedoorトップページにある(写真)をクリックし(アップロード)から(参照)し(アップロード)しTitle:Caption:Tag[?]:に記入し(変更を保存)私のパソコンのマイピクチャにある画像を取り込んだ後、(ブログを投稿する)
picsマークをクリックし投稿内容を確認するとこうなってしまいます。<a href=" ; target="_blank"><img src="
livedoor PICS image
; border="0" /><br /><img src=" ; border="0" /></a><br />

2006-05-12 04:57の質問
パソコン  画像  する  質問        
パソコン
HPがオススメする新型パソコンはカスタマイズ可能で高性能。HPの公式直販ストアです。
h50146.www5.hp.com/directplus/personal/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2006-05-12 13:08:48みんなナイスな
めーめーさん。ご質問ありがとうございます。

今回、私はライブドアピクスを今ひとつ理解できておりませんので、自分がもしこの状態になったら、という視点に立ちお答えさ

せていただきます。

ライブドアピクスの画像だけを利用し、HTMLタグを組み合わせて、自分でリンクを作ります。


まずは投稿フォームの形式を、「シンプルエディタ」にされてください。

管理画面で、カスタマイズ/管理 → 投稿フォームの形式 → シンプルエディタ → 設定を保存する と進んだら変更する

ことができます。


続いて、ブログの投稿 → ブログを投稿する を選び、タイトルを適当につけて新しいブログの本文に以下のものをコピーして貼

りつけてみて下さい。(http:の後の半角スペースは不要ですので削除してください)

<img src="http: //img05.pics.livedoor.com/005/a/b/ab4b0300cd86206a13e9-M.jpg">

「投稿内容を確認する」を押すと、画像が表示されると思います。実際に投稿する必要はありません。

2.

2006-05-12 13:09:57みんなナイスな
・下記のHTMLタグで画像を表示できます。
<img src="画像のアドドレス">

・下記のHTMLタグで文字をリンクすることができます。
<a href="リンク先のアドレス">リンクする文字</a>

<a href="リンク先のアドレス" target="_blank">リンクする文字</a>
(別ウインドウで開く場合)

・下記のHTMLタグで文字をクリックすると画像が表示されます。
<a href="画像のアドレス">リンクする文字</a>

・下記のHTMLで画像(小)をクリックすると画像(大)が表示されます。
<a href="画像(大)のアドレス"><img src="画像(小)のアドレス"></a>

・imgタグには画像の幅(ピクセル「px」指定)、高さ、border(枠線)を入れた方が良いと思います。
<img src="画像のアドドレス" width="画像の幅" height="画像の高さ" border="0">


小さい画像のアドレス
http: //img05.pics.livedoor.com/005/a/b/ab4b0300cd86206a13e9-M.jpg
(http:の後の半角スペースは不要ですので削除してください)

大きい画像のアドレス
http: //img05.pics.livedoor.com/005/a/b/ab4b0300cd86206a13e9-L.jpg
(http:の後の半角スペースは不要ですので削除してください)

大きい画像のライブドアピクスのページのアドレス
http: //pics.livedoor.com/u/coffeeshop_tyaya/627781
(http:の後の半角スペースは不要ですので削除してください)


アドレスは上記のとおりですので、今までのものを組み合わせて、下記の文字列をシンプルエディタにしてブログの本文に貼りつければ、画像が表示されると思います。

<a href="http: //img05.pics.livedoor.com/005/a/b/ab4b0300cd86206a13e9-L.jpg" target="_blank"><img src="http: //img05.pics.livedoor.com/005/a/b/ab4b0300cd86206a13e9-M.jpg" border="0"></a>
(http:の後の半角スペースは不要ですので削除してください)

WYSIWYGエディタをお使いの場合は、少しの間シンプルエディタで投稿の練習をされてHTMLタグを理解された方がいいかもしれません。


問題が解決しない場合はこの質問に、コメントされてください。
回答者の方はチェックされていますので、同じような質問を繰り返さなくてもいいですよ。

すいません。有難うございます。

Ads By Google

コメント(4)

#1.  zero
2006-05-12 13:52:53

補足です。
上の文字列をそのまま貼りつけると、本来2個のはずの/(スラッシュ)が3個に増えたりするのでお気をつけ下さい。

2006-05-13 17:23:45

ご丁寧に有難うございます。回答1の通りに<img src="http: //img05.pics.livedoor.com/005/a/b/ab4b0300cd86206a13e9-M.jpg">をはりつけ、投稿内容を確認するとそのままの<img src="http: //~とそもままとなり画像は出ません。回答2は少し難しく理解しにくくて困っています。すいません。

#3.  zero
2006-05-13 18:08:18

めーめーさま、申し訳ありませんが、

・まずは投稿フォームの形式を、「シンプルエディタ」にされてください。
・http: のあとの空白は抜かれて下さい。

WYSIWYGエディタをお使いの場合は、「HTMLを確認」にチェックをつけていただいて貼られると良いかもしれません。

わかりにくい部分もあるかもしれませんが、がんばってこの回答の内容を理解して頂くのが、トラブルが一番減ると思います。

2006-05-18 08:23:22

有難うございました。wikiをはずしたら解決したようです。すいませんでした。1からやり直しますのでまたわからないことが出てくると思いますので宜しくお願いいたします。

トラックバック(2)

トラックバックURL: