ヤプログ自己紹介に写真を載せる方法

2023/10/13 13:23

このQ&Aのポイント

ヤプログの自己紹介に写真を載せる方法を調べたがわからない。
画像を載せる際に必要なURLがわからない。
パソコンのマイピクチャにある画像のURLを探している。

ベストアンサー

ヤプログ自己紹介

2005/09/03 16:17

以前にもこちらで質問させていただきました…(ρ_;) まったくの初心者でわからないのですが自分で色々と調べたのですか…どうしてもわかりません。ヤプログの自己紹介に写真を載せたいのですが…ヤプログの『自己紹介に画像を載せるとき』を読んだのですがわかりません。 <img src="■画像のURL■" width="■画像の幅■" height="■画像の高さ■" border="0" alt="■代替テキスト■"></div> とありませが…<img src="">で画像を載せるというのはわかるのですが…そもそも画像のＵＲＬっていうのがまったくわかりません。パソコンのマイピクチャの中にはいってる画像を使いたいのですがどこ探してもＵＲＬがありません。。わかる方いたら教えていただけたらありがたいと思います。

checheche
お礼率90% (145/160)

ブログ
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

SpiceGirl
ベストアンサー率69% (493/713)

2005/09/03 18:18 回答No.1

何か記事を書いたときにいっしょに自己紹介用の画像を（ブログに画像を載せよう♪http://www.yaplog.jp/contents/m_picture）画像アップロード手順http://www.yaplog.jp/contents/m_picture#imageup に従って保存、投稿します。自分のblogを見ると記事と画像（自己紹介用の画像）が表示されているとおもいますので、その画像の上で右クリックしプロパティを見ると http://yaplog.jp/xxxxxx/img/2/profiels.jpg 等と表示されていると思います、このhttpから始まるURLが自己紹介用の画像のURLとなります。このままですと自己紹介用画像が記事にありますので、管理画面の記事一覧からこの該当記事を編集します。画像用のタグを削除し、再度保存しますと画像は無くなりますが、先ほどプロパティで見た http://yaplog.jp/xxxxxx/img/2/profiels.jpg に直接アクセスすると自己紹介用画像のみ表示出来ていればOKです。あとは指示に従って <img src="http://yaplog.jp/xxxxxx/img/2/profiels.jpg" width="240" height="300" border="0" alt="私の写真"></div> 等とします。画像の幅、高さについてはマイピクチャにある自己紹介用画像を右クリック、プロパティ、概要から分かると思います。

質問者

お礼 2005/09/03 20:24

SpiceGirlさん本当に度々ありがとうございます(iдi) 無事教えてもらったとおりにやったらできました！！！ヽ(*゜▽゜)ノ本当に本当に丁寧にありがとうございました！！！感激です！！！

関連するQ&A

画像切り替え
<div> <img src="image1" alt="" width="300" height="300" /><br /> <img src="image1" alt="" width="80" height="80" /> <img src="image2" alt="" width="80" height="80" /> <img src="image3" alt="" width="80" height="80" /> <div> 下の小さい画像にマウスが乗ったら、上の大きい画像に表示させたいのですが、どのように組んだらよろしいでしょうか、よろしくお願いいたします。
- ベストアンサー
- JavaScript
jqureryスライドショーが上手くいきません。
こんにちは。 web初心者です。今、jqueryを使いスライドショーを作っているのですが上手く行きません。 5枚の画像を重ねてフェードイン　フェードアウトみたいな形にしてるのですが、最後の画像だけdisplay: none;が適用されなくてきれいに表示出来ません。どなたか詳しい方、宜しくお願い致します。 <HTML> <div id="contents"> <div class="slideshow"> <img src="top30.jpg" width="950" height="450"> <img src="top21.jpg" width="950" height="450" class="alt"> <img src="top20.jpg" width="950" height="450" class="alt"> <img src="top22.jpg" width="950" height="450" class="alt"> <img src="top23.jpg" width="950" height="450" class="alt"> </div> </div> <CSS> #contents { width: 950px; margin-right: auto; margin-left: auto; height: auto; .slideshow { width: 950px; border-top-width: 1px; border-top-style: solid; clear: both; padding-top: 60px; height: auto; position: relative; float: left; } .slideshow img { position: absolute; } .slideshow img .alt { display: none; }
- ベストアンサー
- その他（プログラミング・開発）
HTMLタグ
画像にもありますが、取り扱い商品・液晶モニタ・パソコンパーツなどの横に横2列縦3列のテーブル、その横に縦５列横1列のテーブルを付けたいのですが、どうしてもわかりません。わかる方居ましたらお願いします。現在こんな感じです <p><font color="#f70006">   <strong>他には無いアイテムがここにはあります</strong> </font> <br> <img style="WIDTH: 983px; HEIGHT: 102px" border="0" alt="" src="素材/top.png" width="1000" height="118"><br> <img border="0" alt="" src="素材/home.png" width="200" height="73"><img border="0" alt="" src="素材/商品一覧.png" width="200" height="73"><img border="0" alt="" src="素材/輸入.png" width="200" height="73"><img border="0" alt="" src="素材/買付.png" width="200" height="73"><img style="WIDTH: 169px; HEIGHT: 73px" border="0" alt="" src="素材/問合.png" width="170" height="73"><br> <br> <br> <br><img border="0" alt="" src="素材/取り扱い.png" width="164" height="49"><br> <img border="0" alt="" src="素材/液晶.png" width="164" height="49"><br> <img border="0" alt="" src="素材/ａｐａｒｅｒｕ.png" width="164" height="49"><br> <img border="0" alt="" src="素材/pasokon.png" width="164" height="49"><br> <img border="0" alt="" src="素材/周辺機器.png" width="164" height="49"><br> <img border="0" alt="" src="素材/マルチメディア.png" width="164" height="49"><br> <img border="0" alt="" src="素材/自動車.png" width="164" height="49"><br> <br> <br> <br> <img border="0" alt="" src="素材/サポート.png" width="166" height="63"><br> <img border="0" alt="" src="素材/輸入について.png" width="166" height="63"><br> <img border="0" alt="" src="素材/お問い合わせ.png" width="166" height="63"><br> <img border="0" alt="" src="素材/会社概要.png" width="166" height="63"> </p> 他にいい作り方など、オススメ等ありましたら何でもお願いします
- ベストアンサー
- その他（インターネット・Webサービス）
ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。全てを固定にしたいです。お手本を教えて頂きたいです。よろしくお願いいたします。添付画像が理想です。ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br>         <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br>         <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br>         <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
センタリングのＨＴＭＬの挿入場所
お世話になっております。前回の質問の追加をしようとしたのですが、うまくできず、新たにスレッドを立てました。すみません。以下のＨＴＭＬは横並びに写真を載せたもの（数行あります）です。（上部に文章を載せるための式がありますが、カットしています。）このプログラムのどこにセンタリングの式を入れたらいいのか、私の知識ではわかりませんでした。またご教示もらえると助かります。よろしくお願いします。 </DIV> <DIV style="top : 1313px; </DIV> <DIV style="top : 1473px;left : 327px; position : absolute; z-index : 3; " id="Layer8"><IMG src="button2.gif" width="81" height="35" border="0" alt="Ｂａｃｋ"></DIV> <DIV style="top : 1060px;left : 21px; position : absolute; z-index : 8; width : 698px; height : 123px; " id="Layer6"> 　 <IMG src="DSC_19711.jpg" border="0" width="160" height="106"> <IMG src="DSC_20401.jpg" border="0" width="160" height="106"> <IMG src="DSC_20541.jpg" border="0" width="160" height="106"> <IMG src="DSC_21231.jpg" border="0" width="160" height="106"></DIV> <DIV style="top : 883px;left : 15px; position : absolute; z-index : 7; width : 649px; height : 165px; " id="Layer5"> 　　 <IMG src="DSC_19311.jpg" border="0" width="160" height="106"> <IMG src="DSC_19381.jpg" border="0" width="160" height="106"> <IMG src="DSC_19411.jpg" border="0" width="99" height="149"> <IMG src="DSC_19631.jpg" border="0" width="160" height="106"></DIV> <DIV style="top : 572px;left : -3px; position : absolute; z-index : 5; " id="Layer3"> <DIV> <TABLE border="0" cellpadding="15" width="725" height="147"> <TBODY> <TR> <TD height="113" width="549" align="center" style="position : relative;table-layout : auto;"> 　　 <IMG src="DSC_17481.jpg" border="0" width="160" height="106"> <IMG src="DSC_18051.jpg" border="0" width="160" height="106"> <IMG src="DSC_18151.jpg" border="0" width="160" height="106"> <IMG src="DSC_18351.jpg" border="0" width="160" height="106"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 729px;left : 12px; position : absolute; z-index : 6; " id="Layer4"> <DIV> <TABLE border="0" cellpadding="15" width="725" height="147"> <TBODY> <TR> <TD height="113" width="549" align="center" style="position : relative;table-layout : auto;"> <IMG src="DSC_18421.jpg" border="0" width="160" height="106"> <IMG src="DSC_18641.jpg" border="0" width="160" height="106"> <IMG src="DSC_18941.jpg" border="0" width="160" height="106"> <IMG src="DSC_19201.jpg" border="0" width="160" height="106"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY>
- ベストアンサー
- ホームページ作成ソフト
ヤプログ　画像リンクができない
ヤプログを利用しています。スキンを作るため、素材屋さんへのリンクを貼りたいのですがバナーの画像が表示されなくて困っています。リンクはできているのですが添付してある画像のようになってしまいます。タグは↓です。 <a href="リンク先URL" target="_blank"><img　src="画像のURL" alt="" border="0"></a> どこか違っているのでしょうか…。御手数ですが、なるべく詳しく、わかりやすく教えていただけますでしょうか。よろしくお願い致します。
- 締切済み
- ブログ
webページの画像の配置(CSS/HTML)
webページ作成をしていて、ヘッダーに画像と動画を計４つ配置したいと思っています。画像右/画像左/画像上/動画を画　画像上　画　像　　動　　　像左　　画　　　右のような配置をすべく、・HTML <div id="top"> <div id="header"> <ul> <li><img border="0" src="left.jpeg" width="190" height="415" alt=""/></li> <li><img border="0" src="top.jpeg" width="560" height="100" alt=""/><iframe width="560" height="315" align="left" src="//www.youtube.com/....(略)..." frameborder="0" allowfullscreen></iframe></li> <li><img border="0" src="right.jpeg" width="190" height="415" alt=""/></li> </ul> </div> (略)</div> ・CSS div#top { width:960px; margin:0 auto; } div#header { position:relative; width:960px; } div#header ul{ margin:0; padding:0; float:left; } div#header li{ margin:0; padding:0; float:left; } 幅の調節など、色々試してみましたが、どうしてもうまくいかず、画像左画像上動画画像右のようになってしまいます。何が原因でどのように改善すればいいのか、アイデアおよび知識があれば教えて頂きたいと思います。よろしくお願いします！ ※初投稿なので、御無礼・不明瞭な点などありましたら、ご指摘頂けると幸いです。　また、不足した情報なども、あれば教えてくださいませ。
- 締切済み
- CSS
<div>この余白は・・・
<div>で作ったボックスの中に、さらに<div>のボックスを二つ（box、box2）並べたいのですが、float:leftでboxを左に寄せると、次に回り込んで表示されるbox2との間にかなりの余白があります。 CSSでbox、box2にmarginは指定していないのですが、この余白は何なんでしょうか？また、このbox、box2をある程度間に余白を持たせた上でセンタリングしたいのですが、これもなぜかうまくいきません・・・。 ▼HTML <div class="out"> 　<div class="title"> 　　<img src="img/title.jpg" width="700" height="75" border="0"> 　</div> 　<div class="main"> 　　<img src="img/main.jpg" width="700" height="375" border="0"> 　</div> 　<div class="menu"> 　　<img src="img/home_a.jpg" width="100" height="35" border="0"> 　　<img src="img/first.jpg" width="100" height="35" border="0"> 　　<img src="img/info.jpg" width="100" height="35" border="0"> 　　<img src="img/order.jpg" width="100" height="35" border="0"> 　　<img src="img/support.jpg" width="100" height="35" border="0"> 　　<img src="img/link.jpg" width="100" height="35" border="0"> 　　<img src="img/question.jpg" width="100" height="35" border="0"> 　</div> 　<div class="area"> 　　<div class="box"> 　　　<h5>AAAAAAAAA</h5> 　　　<img src="img/kari.gif" width="250" height="100" border="0"> 　　</div> 　　<div class="box2"> 　　　<h5>BBBBBBBBB</h5> 　　　<img src="img/kari2.gif" width="250" height="100" border="0"> 　　</div> 　</div> </div> ▼CSS div.out{ width:700px; background-color:#ffffff; } div.main{ border-style:solid none solid none; border-width:10px; border-color:#666666; } div.menu{ margin-bottom:50px; } div.area{ text-align:center; padding:0.7em; border:solid; border-color:red; } div.box{ float:left; width:250px; border-style:none solid solid solid; border-width:1px; border-color:#99ccff; background-color:#99ccff; } div.box2{ width:250px; border-style:none solid solid solid; border-width:1px; border-color:#99ccff; background-color:#99ccff; } h5{ margin-bottom:0px; padding:0.5em; } 　どなたか知恵をお貸しください。よろしくお願いいたします。
- ベストアンサー
- HTML
HTMLの質問です。画像を並べて名称を表記します。
ホームページビルダーで作成しました。今回の例では画像を横4枚、縦2段に並べて画像下にテキストを表記します。各画像にはリンクを貼っています。ところが画像下のテキストの右端だけがダブって表記されます。具体的にはタイトル4とタイトル8というテキストです。問題点が分かる方はご教授願います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>ホームページのタイトル</title> <link rel="stylesheet" type="text/css" href="hpb9tm04_8.css" id="hpb9tm04_8" a:link { 　　　　　　text-decoration:underline; 　　　　　　color:#0000FF; 　　　　　　} 　　　　　　a:visited { 　　　　　　text-decoration:underline; 　　　　　　color:#9900CC; 　　　　　　} 　　　　　　a:active { 　　　　　　text-decoration:underline; 　　　　　　color:#00FF00; 　　　　　　} 　　　　　　a:hover { 　　　　　　text-decoration:underline; 　　　　　　color:#00FF00; 　　　　　　position:relative;top:3px;left:3px; 　　　　　　}</style> </head> <body style="color: #000000; background-color: #ffffff" background="壁紙画像"> <div> <table class="hpb-main" id="HPB_LAYOUTTABLE_05" cellspacing="0" cellpadding="0" width="760" border="0"> <tbody> <tr> <td class="hpb-cnt-cell1" id="HPB_LAYOUT_LMH0" valign="top" align="center" height="18"> <table class="hpb-hmenu1" id="HPB_LINK_MENU_TABLE_01" cellspacing="0" cellpadding="0" align="center" border="0"> </table> </td> </tr> <tr> <td class="hpb-cnt-cell3-x" valign="top" align="center"><div style="float:left"><img height="43" alt="ホームページのタイトル" width="232" border="0" src="ホームページのタイトル画像" />  <table class="hpb-lb-tb1" cellspacing="0" cellpadding="0" align="center" border="0"> <tbody> <tr> <td class="hpb-lb-tb1-cell3" id="HPB_LAYOUT_CONTENTS" valign="top" height="400"> <p><div style="float:left"><img height="37" alt="ホームページのサブタイトル" width="510" border="0" src="ホームページのサブタイトル画像" /></p> <p> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル1" width="140" border="0" src="画像" /><br />タイトル1</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル2" width="140" border="0" src="画像" /><br />タイトル2</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル3" width="140" border="0" src="画像" /><br />タイトル3</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル4" width="140" border="0" src="画像" /><br />タイトル4</div></a> <div style="clear:both"></div></p> <p> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル5" width="140" border="0" src="画像" /><br />タイトル5</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル6" width="140" border="0" src="画像" /><br />タイトル6</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル7" width="140" border="0" src="画像" /><br />タイトル7</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル8" width="140" border="0" src="画像" /><br />タイトル8</div></a> <div style="clear:both"></div></p> <p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </body> </html>
- ベストアンサー
- HTML
【HTML】画像と画像の間に「_」が入ってしまう
画像のように勝手に画像と画像の間「＿（アンダーライン）」が入ってしまいます。どのようにすればこのアンダーラインを消せますか？ ■HTML■ <div id="imglink"> <a href="hogehoge1"> <img src="hogehoge1" width="88" height="31" alt="okwave"> </a> <a href="hogehoge2"> <img src="hogehoge2" width="88" height="31" alt="okwave"> </a> <a href="hogehoge3"> <img src="hogehoge4" width="88" height="31" alt="okwave"> </a> </div>
- ベストアンサー
- HTML