画像の上に文字を打つo
- 0 名前： らら ： 2003/12/12 11:00
- こんにちわｗまた来てしまいました（・ヮ・）
icoさんや、モノさん達のおかげで、画像のＵ
Ｐなどが、できるようになりました（＾−＾）
ありがとうございますｍ（＿ ＿）ｍ心の底
から感謝です（＾０＾）ノ~~~
早速質問なのですが、背景画像の上に、文字を打つ事
はできますか？
- 1 名前： mar ： 2003/12/12 11:28
- こういうことですか？
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=past&no=105
- 2 名前： らら ： 2003/12/12 14:40
- はぢめまして（＾０＾）ｍａｒさん！！
レスありがとぅございますｍ（＿ ＿）ｍ
早速、教えてもらった通りにしたらできま
した！！！ありがとぅございます！！！
あのっ、もう一つ質問なのですが、
文字が凹むやつがあるじゃないですか？
あの場合は、どうしたら良いでしょうか？
文字を押したら、そのページにとぶと言う
ものなのですが・・・。
とりあえず、↓
http://www5d.biglobe.ne.jp/~nika/9.htm
ためしてはみたのですがうまくいかなくて・・・。
何か良い方法はないでしょうか？
よろしくおねがいしますｍ（＿ ＿）ｍ
- 3 名前： mar ： 2003/12/12 17:38
- 上記URLにある「pearl」という文字はへこみ(位置がちょっと変わる)ましたか？
そのサンプルが動作しているならばソースのどこかがおかしいのでしょう。
というのは、あれはスタイルシートを使っていますので、ブラウザによっては反映されません。
「pearl」が動いたのであれば反映される環境ということですからソースに問題があるということですね。
<style>〜</style>は<head>内に書きましたよね？
- 4 名前： らら ： 2003/12/12 21:41
<head>
<style type="text/css">
<!--
A:LINK{text-decoration:none;color : #通常の色;}
A:VISITED{text-decoration:none; color : #クリック後の色;}
A:HOVER{position:relative;top:2px;left:2px;text-decoration:none;color : #触れたときの文字色;}
-->
</style>
<table border="0" background="○○.jpg" width="××" height="△△">
<tr><td>ココに文字を書きます</td></tr>
</table>
</head>
と言う感じでしましたが、どこか間違ってますか？
なにやら小難しくて・・・（＋０＋；）
- 5 名前： mar ： 2003/12/13 05:19
- まず、<table>〜</table>の部分は<head>内ではなく<body>の中に書きます。
上記URLでもそう解説されているはずです。
で、ここからはご承知かと思いますが、
「#通常の色」「#クリック後の色」「#触れたときの文字色」の部分には任意のカラーコードを指定する必要があります。
- 6 名前： らら ： 2003/12/13 09:29
- <body>
<style type="text/css">
<!--
A:LINK{text-decoration:none;color : #ffffff;}
A:VISITED{text-decoration:none; color : #ffffff;}
A:HOVER{position:relative;top:502px;right:85px;text-decoration:none;color : #ffffff;}
-->
</style>
<table border="0" background="http://2.csx.jp/users/rara/%82%e8%82%da%82%f1wall1.jpg" width="740" height="520">
<tr><td>めーる</td></tr>
</table>
</body>
むぅ〜（＠−＠；）
”めーる”って言う文字が上手く、ボードみたいなのに載らないの
です・・・（＞＜）あと、フォントの文字も”ダサ字”でまとめた
いと思ってますが、何処に何を打てばいいのか・・・（。 。；）
- 7 名前： mar ： 2003/12/15 14:13
- <style>〜</style>の部分は<head>内に、
<table>〜</table>の部分は<body>内に、ということです。
それから、「めーる」という文字をへこむ様にしたいのですよね？
であればリンクタグで囲まないと何も起きません(<a href="">めーる</a>)。
上記のスタイルシートはリンクタグで囲まれてる文字に対しての装飾です。
それと、
>A:HOVER{position:relative;top:502px;right:85px;text-decoration:none;color : #ffffff;}
502pxと85pxだと文字がどっかへいってしまうのでは？
私はスタイルシート使ったことがないので詳しくわかりませんが、
「該当文字にカーソルが重なった時に、その文字をこれだけ移動させますよ」ということだと思います。
サンプルでは2pxずつになってますよね？
その位少し動かすので結果的に「へこんだように見える」ということになります。
>ボードみたいなのに載らない
スイマセン。ちょっと意味がよくわかりません。
>フォントの文字も”ダサ字”でまとめたいと思ってますが
フォントは、そのHPを見る人のPCに指定したフォントがなければ、そのフォントでは表示されません。
見る人の環境は様々ですし、増してやOS標準でないフォントであればそれで見れる人は極々わずかだと思います。
フォント指定はこちらです。
http://www.tagindex.com/html_tag/text_font/font_face.html
ただ私はよく知りませんが、ダサ字等は普通のフォントとちょっと違うのではないですか？
（むか〜し、Macで遊んだ時の記憶では標準の丸漢を置き換える様な処理をしてたような…）
もしそうであればHPで使うのは無理かも知れません。
