ＨＰ作成について

質問

簡単ＨＰ作成を利用したのですが、そこにリヴリーアイランドのマイアイランドをのせたいのに、画像が出るはずの所に×の印が出て、困っています。どなたかやり方を教えてください。

回答No.5

Fumi__

撮った画像でなく、「マイアイランド」ですよね？
動いて本物のリヴが表示されるやつですよね。

それの貼り付け方法はLIVLYBOOKの「others」と言う項目にあるのですが、
これはみましたか？
リヴブックを開き、othersをクリックした後、縦に並んでいるメニューの中の「ホームページに設定」に詳しく書いてありますよ。
ソースから引っ張り出さなくとも、貴方専用の貼り付けタグが青字で表示されていると思います。この文字列をHTMLに丸ごとコピーして、貼り付けてください。

gooでHPを作ったことが無いのでどうやって編集するのかわかりませんが、
HTMLの編集画面にて貼り付けてくださいね。

回答No.4

nobuchi

>2です。
あちゃ～　削除くらいましたね。
URLを書かないように注意しておくべきでした、申し訳ない。
あのURLにはあなたのIDが入ってますからね(;つД｀)

ともかく、>3の手順で試して、問題なければリヴリー住所は書かなくてもOKです。
>3の内容が理解できなかったり、あきらめる場合も書かなくて結構です。

もし、部分的な補足や、どうしてもリンクしたいという根性があるならば・・。
リヴリー住所と共に
>3の手順のどの部分でつまづいたか補足下さい、なにか方法を考えます。
リヴリー住所を書く場合は「島」と「ペット名」だけあれば十分です、あとはリヴリーの検索機能でたどりつけますから。

時間がかかってこちらをチェックしてますので、遅くなっても必ず回答します。
あわてず、できる事を試してみて、その結果を教えて下さいね。

回答No.3

nobuchi

＞２です。
いえ、リヴリーはやってないので中の事は分からないのですよ。
だから詳しい状況が知りたかったのです。

ですが、その後　調べてみたところリヴリーのFAQにありました。
まず、こちらを読んでみて下さい。
「リヴリーアイランドの画像を自分のサイトで使いたい。」
http://www.livly.com/support/other/ans02.php

それによりますとリンクに関する要点は
１）・画像に修正を加えない。（縦横比を変えない拡大・縮小は可）
２）・フラッシュファイル（ｓｗｆファイル）の設置場所にかかわらず、許可された方法以外で、ご自身が作成されたページの一部として表示させることは禁止いたします。

・・っとあり、どうやらマイアイランドはフラッシュのようですね。
部分的に切り取ったり加工した画像はダメだけど、このフラッシュを丸ごとリンクするのはいいみたいです。
ーーーーーー

拡張子というのはファイルの種類を現す文字で、ファイル名の後ろに「ドット　半角英数字２～４文字」で引っ付いているものです。これによりリンクの仕方やHTMLタグの書き方も異なる場合があるのです。

ですから最初に補足として確認したい点は、あなたが表示されないと質問した画像の拡張子なのですが、もしかして「ファイル名.swf」となってませんか？
あるいは「.jpg」「.gif」などといったものですか？
また、リヴリーの方でマイアイランドのリンクに、こういったURLだの、こういったHTMLでリンクして下さいと指定がありますか？
あれば、それも教えてください。

それから、差し支えなければあなたのマイアイランドの住所を教えてもらえませんか？確認するために必要ですので。
それから・・、フラッシュのリンクは普通の画像のリンクのように簡単にはできません、もしかして理解不能であれば、今はあきらめた方がいいかもしれません。HTMLタグについて経験を積めば、すぐ分かるようになると思いますが・・。
ーーーーーー

こっから先は私が強引に試した例です。
自分のやり方と比較して違う点を補足下さい。

１）マイアイランドのページ、空白（文字も画像も無い部分）を右クリック→ソースの表示。
２）ソースを下の行へたどっていき<!-- アイランド情報 -->から7行ほど下に<OBJECT classid=・・・ で始まる行があります。その行を右にたどると<EMBED src=・・・　で始まる部分があります。
このEMBEDタグがフラッシュの表示命令で、以下のような感じです。
まず、この部分ををメモ帳などにコピーして下さい。

<EMBED src="livly.swf?roomID=あなたのID.livly.com" quality=high bgcolor=#ffffff WIDTH="340" HEIGHT="340" NAME="livly" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

このままではまだリンクはできません。
最初の方にある「livly.swf」以下がフラッシュ画像ファイルなのですが、gooで使うにはフルパスのアドレスが必要です。
まあ、これは単純に「http://www.livly.com/」でOKなので、以下のように書き加えます。

<EMBED src="http://www.livly.com/livly.swf?roomID=あなたのID.livly.com" quality=high bgcolor=#ffffff WIDTH="340" HEIGHT="340" NAME="livly" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

もうこれでリンクすればフラッシュが表示されますが、ちょいとお待ちを。
中身を解説しますと・・

【あなたのID】
あなたのページのソースにあるroomID=以下の文字列のままでいいです。
【quality=】
綺麗さです、そのままでOK。
【bgcolor=】
フラッシュの背景色、RGBコードで指定してください。通常は「#ffffff（白）」ですが、お好きに変更できます。「ホームページ　カラーコード」などで検索すれば紹介HPが沢山見つかります。
【WIDTH= HEIGHT=】
横と縦の表示する大きさを指定します。このままでOK。
【TYPE=　以下】
これはショックウェーブフラッシュで、再生にはマイクロメディアのプレイヤーが要りますよ、っという指定。

以上、理解していただいたら・・
最初にたどってきたその行の先頭<OBJECT>から、その行の最後の</OBJECT>までを改めてメモ帳にコピー。その中の<EMBED>～</EMBED>の部分を上記で書き換えたものと交換します。
実際にHPで使うには<OBJECT>タグを使います。これはもう変更部分は無いので、そのままコピーで結構です。するとこうなります・・

【最終版、あなたのマイアイランドフラッシュのリンクタグ】
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="340" HEIGHT="340" id="livly"><PARAM NAME=movie VALUE="livly.swf?roomID=あなたのID.livly.com"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#ffffff> <EMBED src="http://www.livly.com/livly.swf?roomID=あなたのID.livly.com" quality=high bgcolor=#ffffff WIDTH="340" HEIGHT="340" NAME="livly" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>

あとはこのタグの外側から位置を指定するなりして下さい。
<CENTER></CENTER>ならページの中央にきますし、Pタグなら<P align="right"></P>ではさめば右側に寄ります（leftで左）。あるいは<DIV></DIV>でもaltなど様々な位置指定が可能です。
また<teble>タグを使えば他の文章などとのレイアウトも自由が利くでしょう。

おっと、まだ安心してはいけません。
goodの簡単ホームページには一つ困った現象があります。
タグの中の「"（ダブルクォーテーション）」が無効になってしまうのです。
ですからタグの「"」を外して半角スペースに置き換えるか、「'(シングル)
」に置き換えるのが常套手段です。

では、上記の最終版フラッシュタグをメモ帳にコピーして、
上部ツールメニューの「編集」→「置換」。
検索する文字列に「"」（半角英数モードでShift+2）
置換後の文字列に「'」（半角英数モードでShift+7）
そしたら「すべて置換」をポチっとな。
さあ、全部ダブルからシングルに書き換えられましたね？

さてさて、ではようやく・・、
goo簡単ホームページの編集画面に入って下さい。
表示させたいページに移動して「コメント欄（内容を書くところ）」に上記のタグをコピーします。
プレビューを見ながら位置調整して下さい。
ーーーーーーー

・・ってな手順になります。
問題は、フラッシュだけでなくgooのHPにもありますからね
ちょっと難しいかも知れませんが、あせらず確認しながらやってみて下さいね。

お礼

ありがとうございます。

回答No.2

nobuchi

こんにちは。
たぶん・・gooの「簡単ホームページ」の事だよね？
おそらく「教えて　goo」から書き込んでいると思いますが・・、OKWEBはいくつものサービスで共有されてますから、どこの「簡単ホームページ」か書いてくれないと回答者のみなさんも調べようがありませんよ。

さて、gooと仮定しまして。
その画像をアップロードした順序も書いてもらえると助かります。
gooの画像アップローダーを使ったのか、他所のホームページスペースに画像をアップしたのか、その辺りももう少し分かるように書いてください。
また、編集方法や使ったタグ、ファイル名、画像の容量なども知りたいところです。
ーーーー

形式的な回答をしますと・・。
画像アップローダーを使用してるのなら、正しくアップロードされてなかったり、ファイル名を間違えてる可能性があります。

他のHPスペースからリンクしてるのならば、そちらが外部呼出しを許可してるかどうか確認してください。
リヴリーアイランドの中のコンテンツでしたら外部には呼べないはずです。
それともマイアイランドだけはリンク可能なのかな？
ーーーーー

参考までにgooのヘルプから
https://help.goo.ne.jp/faq/category07.html
「簡単ホームページで、画像の表示の仕方を教えてください。」
を読んでみて下さい。

お礼

ありがとうございました。残念ながら、私は初心者で、拡張子などの意味が良くわかっていないので、
これからいろいろなＨＰをみて学習の予定です...
それから、nobuchiさんはリヴリーアイランドをご存じなのですか？

回答No.1

rik7717

画像の拡張子とHTMLファイルの拡張子は合っていますか?