- ベストアンサー
テキストを画像の一部として貼り付ける方法
いつもお世話になっております。 現在CSSでサイトを作っているのですが、とある疑問があります。 見た目は完全にテキストなのですが、コピーもできず、かつ一枚絵のように画像などとセットで張り付けられているサイトを見かけます。 たとえば、以下のサイトのVISIONやMODELの部分のテキストなどが例です。 http://www.fullspeed.co.jp/about/vision.html このようなテキストはどのような仕組みで作られているのでしょうか？ まだまだ初心者なため疑問が多くいつもお世話になってばかりですが、どうかよろしくお願いいたします。
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- k-pix
- ベストアンサー率51% (50/98)
ソースをご覧になられるとわかりやすいと思います。 Vision の部分は、39行目に <img src="img/vision_img_new01.jpg" alt="Vision" /> とありますので、画像ファイルです。 ブラウザで、 http://www.fullspeed.co.jp/about/img/vision_img_new01.jpg を見られるとよいと思います。
お礼
ありがとうございます。 返信が遅れてもうしわけありません。 photoshopでテキストと同じように作成するにはどうすればいいのでしょうか？ なにか特別なフォントでしょうか？ ご存知でしたらどうかよろしくお願いいたします。
これはサイトの表示をどのブラウザでも確実に同じにするために用いられる手法で 簡単に言うと 「 全 部 画 像 」
お礼
ありがとうございます。 返信が遅れてもうしわけありません。 photoshopでテキストと同じように作成するにはどうすればいいのでしょうか？ なにか特別なフォントでしょうか？ ご存知でしたらどうかよろしくお願いいたします。
- narunaru23
- ベストアンサー率37% (61/163)
画像として扱っています。 画像編集ソフト（PHOTOSHOP等)で画像とテキストと同じように作成し、 それを画像として貼付けてあります。 なのでテキストに見えてもこれは画像なのです。 だからコピーはできませんが、 VISIONなどのテキストの上で右クリック画像の保存でパソコンに保存すると 下の写真とテキスト文字が保存されます。
お礼
ありがとうございます。 返信が遅れてもうしわけありません。 photoshopでテキストと同じように作成するにはどうすればいいのでしょうか？ なにか特別なフォントでしょうか？ ご存知でしたらどうかよろしくお願いいたします。
関連するQ&A
- テキストにマウスを置くと同じ位置に画像がでる方法・1
Javascript初心者です。 サンプル集のあるサイトでプログラムをコピーしたのですが、 そのサンプルはテキストの横に画像がでる仕組みのものなのですが （以下のプログラムはそういう内容のものです）、 私が行いたいことは、これを応用して、テキストの上にマウスをおくと 画像が同じ位置にでるようにできないだろうか、と思っています。 （もしくわテキストの真下にでるとようにしたい） またテキストでそれができない場合なら、画像で同じ位置で違う画像がでるようにしたいと思っています。 どの部分を修正・変更したらよいのか、教えて頂けると非常にありがたいです。 どうぞご指導よろしくお願いいたします。 （プログラムは2番めの質問に明記致します。）
- 締切済み
- JavaScript
- ベージの一部を入れ替える方法
Web初心者です。 今DreamweaverでCSSを使いながらサイトを作っています。 そこでページ内の一部を入れ替える方法がどうしてもわからないので教えてください。 具体的にいうと、リストの画像ボタンがあって、そのボタンを押すと記事（写真とテキスト）が入れ替わるという風にしたいのです。（１は１の記事、２は２の記事という風に） いったいどうしたらいいのでしょうか？？
- 締切済み
- HTML
- CSSで画像を上下中央に配置する方法を教えてください。
はじめまして。 現在、CSSを使ってホームページを作っているんですが、CSSの枠内に画像とテキストを一列に連続して挿入する場合、テキスト部分がどうしても画像の下の部分合わせて配置されます。 これをなんとかして画像の真ん中にテキストを配置させたいのですが、可能でしょうか？ また、まだまだ初心者でCSSの仕組みをよく理解していないのですが、基本的にはCSSというのはdivでboxを作ってそれを配置していくもの理解しています。 ただ、今の私の知識ではdivの中にかなり多い数のdivが挿入されていて、あまりきれいな状態とは言えないような感じなのですが・・・ なにか勘違いしているんでしょうか？
- 締切済み
- HTML
- html文書をテキストで開く方法
お世話になります。 私はHPをメモ帳でちまちま作っています。 VistaからWindows7に変えてさあ更新しましょと思ったら、ｈｔｍｌ文書がテキストで開かず、インターネットエクスプローラーでしか開けません。いつも作ったｈｔｍｌファイルをコピーして文面を変えるだけで済ませていたので毎回メモ帳で一からタグを書くのは大変手間です。 テキストで開く方法または、簡単にできる代替案をご存知の方、どうぞ教えてください。よろしくお願いいたします。
- ベストアンサー
- Windows 7
- 背景画像上にテキストを配置したボタンについて
今晩は。 いつもお世話になっています。 CSSで次のようなボタンを作りたいと思っています。 ・背景画像の上にテキストを乗せたボタン。 1)ボタン上のテキストを書き換えられるようにしたい。 2)ボタンはページによって同じ背景画像でサイズを変えたい。（指定した縦横幅に合わせて背景画像がリサイズされるようにしたい） 3)背景画像ごとリンクにしたい。 参考サイトを見て、現在以下のようなボタンを作ってみました。 1、2はクリアできたのですが、ボタン上のテキストではなく、背景画像自体をリンクにするにはどうすればいいでしょうか？ また、色々方法はあると思うのですが、今回のようなボタンを作る上でもっと効率の良いCSSがあれば、参考サイト等教えて頂けると幸いです。 -------------CSS-------------- div.photo{ width:100px; height:50px; background-image:url("xxxx.png"); background-repeat:no-repeat; position:relative; background-size:contain; float:right; } .text{ width:100px; position:absolute; top:8px;left:10px; color:#ffffff; line-height: 1.2; font-size:15px; } ------------HTML------------- <div class="photo"> <div class="text"><a href="#">テキスト</a></div> </div> 以上になります。 よろしくお願い致します。
- ベストアンサー
- HTML
- ＩＥでのテキストのコピー＆ペーストを簡単にしたい
こんにちは いつもお世話になっています。 ＩＥでのテキストのコピー＆ペーストについて教えてください。 主にＩＥでニュース記事を見て回りながら好みの記事をテキストファイルにコピー＆ペーストしています。この操作を簡単にする方法を教えてください。 現在はＩＥ上で範囲選択、ショートカットキーでコピー、テキストファイルをアクティブ化、ショートカットキーでペースト。という作業です。 これを、例えば、ＩＥ上で範囲選択し、ショートカットキーだけで特定テキストファイルへコピー＆ペーストできるようにしたいのです。 初心者のため無茶な要望をしているかもしれませんがよろしくお願いします。 関連情報でも教えてください
- ベストアンサー
- ブラウザ
- テキストボックスについて
いつもお世話になっています。テキストボックスにワードアートで入れた文字を左に移動させたいのです。犬の絵のついたのを行内以外にするのですが動きません。何が邪魔しているのでしょうか？
- 締切済み
- オフィス系ソフト
- CSSにおいて、画像とテキストの配置（回り込み）について
ＣＳＳ＋ＨＴＭＬによって、ＨＰを作成しております。 ＨＰ作成ソフトはDream Weaver8です。 画像をテキストの左に回りこませる技術。 （例） ■■■■ テキストテキスト ■画像■ テキストテキスト ■■■■ テキストテキスト はスタイルシートで、画像にスタイルシートの ボックスのfloat定義でleftをつけて <div class="header" id="pageName"> <div id = "left"></div> <span class="style3">テキスト</span><br/> </div> このように設定すればよいのかと思ったのですが （headerは外部スタイルシートで、読み込み） 十分に画像をおくスペースがないと、 画像に、テキストがかぶってしまう場合や、（レイヤーが働いてしまう。）うまく、回り込まないのですが、どの設定が足りないのでしょうか。 ちなみにたっぷりとスペースをとった、ｄｉｖですと、 回り込ませることができたりしましたが、メニューdivなど 小さいスペースや縦幅が足りないとだめなのでしょうか。 画像のレイヤーの解除指定などをした方がよろしいのでしょうか。 まだ、初心者ですが、もし、ヒントだけでも、教えていた だけますと幸いです。
- ベストアンサー
- HTML
- イラストレーターまたはスモウ・ペイントで、テキストを環状に配置する方法
adobe illustrator によく似た操作のオンラインのソフト sumo paint で絵を作っています。まったくの初心者です。軍隊や大学などのエンブレムのようなものを作ってみたいです。中央に動物のシルエット、そのまわりに囲むようにラテン語のテキストを配置したいです。 sumo paint にテキストを入れる機能があることはわかりました。しかし、それを環状に配置するにはどうすればよいのでしょうか？おそらくイラストレーターと同じ仕組みなので、イラストレーターではどうするのかご存知であれば、教えていただけないでしょうか？
- ベストアンサー
- その他(ソフトウェア)
- このようなテキストフィールドがつくりたいのですが
http://www.mag2.com/j/new/ip/01/0001.html ↑テキストフィールド（メールアドレスを入力） このようなテキストフィールドがつくりたいのですが <input name="name_2" type="text" value="（メールアドレスを入力）" size="25"> これで最初から文字は入りますが、サイトのようにフィールド内をクリックすると（メールアドレスを入力）を消す仕組みが分かりません。 また、テキストフィールド内の文字が灰色になっていますが、これはCSSの設定でしょうか？ 検索で探してみても欲しい情報に到達できず困っております。 ご存知でしたら宜しくお願いします。
- ベストアンサー
- HTML
- HL-L2735DWプリンターがMacOSで認識されないトラブルについて相談です。
- 有線LAN接続のHL-L2735DWプリンターがMacOS上で認識されずに困っています。
- ISND回線経由で接続されたHL-L2735DWプリンターをMacOSで認識できません。トラブルの解決方法を教えてください。
お礼
ありがとうございます。 早速試してみます！ 本当にありがとうございました！