• ベストアンサー

HP作成に関する質問です。

フリーの素材屋さんからプレート素材をダウンロードしてきて、 そのプレートの中に文字を書き入れしたいのですが・・・ （もちろん加工OKの素材です） ※直リンクもしていません。 どのように文字を書き入れればいいのか方法が分かりません。 gif素材なんですが、ペイントソフトを使って文字入れをすれば、プレートの周りに白い四角い枠が出来てしまい、 ページの背景色から浮きだってしまいます。 もともとの素材にはプレートの周りには白い枠はありません。 また、HP作成ソフトなどは使用せず、メモ帳とタグを用いて作成中です。 <img src="画像のURL"> ↑このタグで画像は貼りつくのですが、コメントを入力したい場合はどのように入力をすればいいのでしょうか？？ どなたか教えてください。

  • hina-
  • お礼率66% (159/238)

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

  • ベストアンサー
  • liv2007
  • ベストアンサー率81% (378/464)
回答No.3

透過情報を保持したまま開くソフトを使用すると良いです。 JTrimやGIMPなどその他にもフリーでたくさんあります。 ※GIMPは2.xが安定しています。1.ｘは古いです。 「JTrim」(作者サイト) http://www.woodybells.com/ 「GIMP2を使おう」(ユーザーサイト) http://www.geocities.jp/gimproject/gimp2.0.html 一旦フルカラーに変更してから文字入れをした方が良いです。 8ビット256色(インデックスカラー)の画像のままだと、その画像 に使用されている色しか使用できません。 文字色は、透明にしたい部分(背景色)と違う色を指定しましょう。 そうしないと文字まで透過されてしまいます。 プレート素材が最初から透過されているのでしたら、上記のソフト では特に意識しなくても文字入れするだけで大丈夫なはずです。 読み込んだ画像が透過されていなくても、任意の1色を指定して 透過することが出来ます。 透明にしたい部分(背景色）の色と同じ部分も透過されますので、 画像に使われている色を透過指定しないようにご注意ください。 透明にしたい部分と同じ色が画像にも使われている場合は、一旦 透明にしたい部分を別の色に塗り直してから透過指定します。 GIMPの場合、範囲を選択する事でいろいろな形に切り取って透明 にすることも可能です。

その他の回答 (2)

  • valvalval
  • ベストアンサー率57% (105/184)
回答No.2

・タグで文字入れする場合 テーブルの背景画像に指定しておけば、セルにテキストを入れることで重ねられると思います。 ・ペイントソフトで入れる場合 それが静止画像なら(gif動画ではない)、文字入れした後にgif保存すればよいのですが、gif画像を読み込んだときに画像以外の部分が透明表示になるペイントソフトでないと白地が出ます。

  • Imiko
  • ベストアンサー率57% (280/491)
回答No.1

・画像に枠が付かないようにするには、次のように指定します。 <img src="画像のURL" border="0"> ・「コメントを入力する」の意味がわかりません。 画像の横にテキストを表示したいという意味であれば、次のように指定します。 <img src="画像のURL" border="0" align="left">コメント <br clear="left"> 画像にマウスポインタを合わせたときにツールチップが表示されるように死体という意味であれば、次のように指定します。 <img src="画像のURL" border="0" alt="コメント">

hina-
質問者

補足

分かりにくい表現ですみません・・・(・_・;) 素材屋さんから、コメントを書き込めるコメント枠（プレート）を頂ましたので、 そのプレートを使って、”ENTER"とか”HOME"とか言う文字を書き入れて使用したいなぁ～・・・っという意味なんです。 たとえばチューリップの絵の中に”HOME"っとか書き入れたり・・・ すみませんが、再度、ご指導いただければ助かります。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. フリーウェア・フリーソフト

関連するQ&A

  • ＨＰ作成をしています。自作画像を使用したいのですが

    自作画像をペイントで作成しました。 保存の際にファイルの種類をgifを選びimgと名前を付けたフォルダにtitle.gifとして保存しました。 その画像をindex.htmlに <CENTER> <IMG SRC="img/title.gif" WIDTH="530" HEIGHT="270" alt="タイトルイメージ"> </CENTER> と記述しましたがブラウザで見ると530×270の枠と罰マークにタイトルイメージと記載されているだけです MS Officeが入っているのであればペイントで保存ファイルの種類を選ぶだけで特にツールを使用して拡張子を変更しなくても良いとの事でしたが他にも問題点がありますか？ サイズが大きすぎる（900kb）のではと小さいサイズ（4kb）ほどのものも作成しましたが同様でした ブログサービスで他の画像を拝借する場合は一度画像をアップロードしてURLを取得してから<img src="画像ＵＲＬ">の形で表示させますが <img src="フォルダ/ファイル">の形でも画像はアップロードしなければ使用できないのでしょうか？

  • ＨＰ作成中、画像が表示されない

    初心者です。 ＨＰ作成の入門書を読みながら、タグをちまちま と打っているような段階です。 画像を載せようと、 <img src="○○○"> の中に、「載せたい画像のファイル名.gif」 を入れて、html形式でファイルを開いたのですが、 画像は表示されずに「×」と表示されます。 スペースが入っていたり、半角でない文字が入っているのかなぁと思い、何度も見直してみたのですが、 間違いはありませんでした。 そして、違う画像ファイルで試してみたところ、その ファイルはすんなり表示されるのです。 ２つともgifファイルで、違う点といえば、前者は 携帯で撮った画像をＰＣのアドレスに送り、gif ファイルに変換したもので、後者は知り合いのＨＰ から画像をコピーしてきたものです。 どうしたら前者の画像を表示できるようになるのでしょうか・・。 お願いします。

  • ＨＰにのせられなくてこまっています＞＜

    HPに載せる為に独学でＪａｖａスクリプトに挑戦したのですがうまくいきません。 希望 ・曜日ごとに画像・リンク・コメントが変わる。 ・曜日によって表示する画像の数が異なる。 ・同じ曜日でも画像ごとにリンク先が異なる。 一応自分で考えて作ったものを下にはっておきます。 <script language=javascript> <!-- var tag=new Array() tag[0]='<img src="5.GIF" width=28 height=22> <br>日曜日はおやすみ。'; tag[1]='<"img src="9.png","http://あ.jp"> <"img src=11.png","http://い.jp"><br> 月曜日'; tag[2]='<img src="k.jpg","http://う.jp/"> <img src="o.jpg","http://え.jp/"><br> 火曜日'; tag[3]='<"img src="96.png","http://お.jp"> <"img src="87.png","http://か.jp"><br> 水曜日'; tag[4]='<"img src="9.png","http://き.jp"><br> 木曜日'; tag[5]='<img src="3.png""http://く.jp/"> <"img src="15.png","http://け.jp"><br> 金曜日'; tag[6]='<img src="10.GIF" width=28 height=22>土曜日'; var d=new Date();d=d.getDay() document.write(tag[d]) //--> </script> 製作しているサイトに締切りがあるため早めに解決方法が知りたいです。 ご指摘・アドバイス・回答お待ちしています。

  • ＨＴＭＬタグで素材画像にリンクを貼ったら…

    ＨＴＭＬタグで素材画像にリンクを貼ったら、その周りを紫色の四角い枠が、その素材画像を囲んでしまいます。 この四角い枠を無くす方法は無いでしょうか？ <a href="ＨＰ　ＵＲＬ" title="コメント"><img src="画像ＵＲＬ"></A> こういうタグなのですが。 何か足りないタグがあるのだと思うのですが分かりません。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • ＨＰビルダー6.5でのテーブルが変

    こういう画面をテーブルで作りたいのですが、どうしても変になります。 ┌─┐┌─┐┌─┐ │画││画││画│ │　 │└─┘│　 │ │　 │┌─┐│　 │ │　 ││　 ││　 │ │　 │└─┘│　 │ │　 │┌─┐│　 │ │像││画││像│ └─┘└─┘└─┘ 周りを画像で囲み、真ん中を開けてそこに字を打ち込みたいと思っています。 周りの画像は自分で切った１枚のもので、表示後にはまた１枚の画像に見えるようにしたいのですが、画像と画像の隙間がどうしても埋まらず、背景の色が線になって画像の合体を邪魔します。 上下の小さな画像は引き延ばしたりしているのですが、何が原因なのか教えて頂けませんか？ちなみにそのタグを下にペーストします。 <TABLE> <TBODY> <TR> <TD rowspan="3"><IMG src="＊＊＊.gif"></TD> <TD height="26"><IMG src="＊＊＊.gif"></TD> <TD rowspan="3"><IMG src="＊＊＊.gif"></TD> </TR> <TR> <TD height="242" bgcolor="#ffffff"></TD> </TR> <TR> <TD height="170"><IMG src="＊＊＊.gif"></TD> </TR> </TBODY> </TABLE>

    • ベストアンサー
    • HTML
  • ＨＰの作成で質問です。

    <td><img src="画像のアドレス"border="5"></td> </tr> <tr> <td>　</td> で、写真に枠を付けました。 その枠の色が黒いのですが、他の色に変えるにはどうしたらよいでしょうか。 お願しますm(__)m

  • ロールオーバー画像の枠線を消したい

    初めてホームページ作成中の超初心者です。 ロールオーバーで、下記のタグで表示させたのですが、画像の枠線が出てしまいました。 普通に<img src="img1.gif">と書くと出ない画像なんですが・・・ リンク画像の枠線を消すのと同じ要領でborder="0"とも書き加えてみましたが、（４ヶ所とも）今度は何も表示されなくなってしまいました。 ＜問題のタグのひな形＞ <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" name="bt"></a> どうぞ宜しくお願いします！

  • ブログではないですが、HP作成中の質問

    今、HPをつくっています。 HTMLタグで作成しているのですが、 画像を表示し、その画像の横に文字をかけません。 メモ帳でつくっています。 画像のタグの横に文字を入力して、 とりあえず開いてみたのですが、やはり画像の 下に文字が表示されます・・・。

  • 楽天アフィリエイトのＨＰ作成について（かなり初心者）

    ここのサイトも検索し、色々なサイトで見ましたが、どうしてもわかりません。 画像リンクのフチ（紫）が消したいです。 なぜか偶然 <A HREF="http://blog.xxxx.net/link.php/xxxxx"> <IMG SRC="http://plaza.rakuten.co.jp/img/user/xx/xx/xxxxxxx/xx.png" BORDER=0></A>と入力してあってそれは消えています。 しかし他のが同じようにBORDER=0を入れても不正なタグですと出ます。 <A HREF="http://ww4.xxxx.ne.jp/~xxxx"> <IMG SRC="http://plaza.rakuten.co.jp/img/user/xx/xx/xxxxxx/x.gif" width="88" height="31" alt="xxxx"> と作成してます。 このリンク枠線を削除するにはどうしたらいいでしょうか？ 質問の仕方もよくわからず・・ 伝わるでしょうか？？

  • ・JAVASCRIPTを使って、ホームページを作成しています。

    ・JAVASCRIPTを使って、ホームページを作成しています。 ・ JAVAを使って、ホームページを作成しています。 ・メニューのボタンに、マウスオーバーでボタンの画像を切り替える <!-- loadImage = new Image(); loadImage.src = "profile.gif"; // --> ・と同時に任意の画像を切り替える // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> ・というscriptを同時に使いたいのですが、どちらかだけになってしまったり、どちらも作動しません。 ・一つのボタンに２つのJAVAを使う場合何か特別な入力が必要なのでしょうか？ ・それとも、ただ単純にボタンのタグが誤っているのでしょうか？ ・どなたかご教授お願い致します。 ・ちなみにタグを全て載せると、 <SCRIPT Language="JavaScript"> <!-- loadImage = new Image(); loadImage.src = "bbs.gif"; // --> </SCRIPT> <script type="text/javascript"> <!-- if (document.images) { // 設定開始（使用する画像を設定してください） // 通常の画像 var img0 = new Image(); img0.src = "topic4.jpg"; // ポイント時の画像1 var img1 = new Image(); img1.src = "topic4.jpg"; // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </script> とボタンのタグが、 <A HREF="../usatop.html"onMouseOver="On('img2')" "if(document.images) "myImage.src='bbs2.gif'" "onMouseOut="Off()""if(document.images) "myImage.src='bbs.gif'"><IMG SRC="bbs.gif" BORDER="0" name="myImage"></A> ・となっております。 ・よろしくお願いします！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する