HPを作成しているのですが、ある画像にカーソルが触れたら、コメント文が表示されるような(画像のある位置とは別のところに表示)ことはできるのでしょうか?どのようなタグを組めばよいのか、教えていただけないでしょうか。具体的なサンプルなど示していただけるとなお有難いです。

宜しくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

コメント文はどの程度の文でしょう?


「簡単な」ものならばHTLMですぐ作れますよ。

例えば、このページ上のバーナー広告。
カーソルを持っていくと「Click Here!」等々の文字が表示されます。

<IMG SRC="*****.gif">
で画像が貼り付けられますが、このタグの後ろに
<IMG SRC="*****.gif" ALT="Click Here!">
とALT="~"を入れるとその文字が表示されます。
    • good
    • 0
この回答へのお礼

ありがとうございます。早速やってみました。助かりました。

お礼日時:2001/09/11 01:17

こんばんは。


jilsさんのお望みの機能はJavaScriptで実現できると思います。
JavaScriptとかダイナミックHTMLとかのキーワードで検索すると、フリーのスクリプトが沢山ヒットすると思いますよ。
参考URLはJavaScriptの初歩から解説してくれて、サンプルもあって、なにより見ていて楽しい、おすすめサイトです。

参考URL:http://www2s.biglobe.ne.jp/~club_tom/index.htm
    • good
    • 0
この回答へのお礼

参考URLありがとうございます。
非常に面白くて有益な内容で役立ちました。

お礼日時:2001/09/11 01:18

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q手書きでデザインした文字やロゴをデジタル化するソフト

手書きでデザインした文字や簡単な絵というか、
ロゴマークみたいなのをスキャナに取り込んで、
デジタル化したいのですが、
Illustratorは高くて買えません。
ベクトル画像でレイヤーが使えて使い方が簡単な
ソフトがあれば教えてください。
そんな都合のいいものはないのでしょうか?
無ければ、無いと教えていただきたいのですが・・・
PhotoshopElementsは使っているのですが、
限界を感じています。

Aベストアンサー

PaintShopPro7・Paintgraphic両方とも低価格でパスを扱えます。PaintShopProは最新版は9ですがパスや印刷プレビューの使い勝手が改悪された上動作が重くなっているので安く軽い7を推奨します。

PaintShopPro7・Paintgraphic両方ともElementsにないチャンネル・パス・トーンカーブ・マスクがありますしレイヤーも当然使えます。PaintShopPro7はイラストレーターのようにフォントをアウトライン化してベクターオブジェクトとしていじることができます。

>>手書きでデザインした文字や簡単な絵というか、
ロゴマークみたいなのをスキャナに取り込んで、
デジタル化したいのですが、
>>ベクトル画像でレイヤーが使えて使い方が簡単

はもちろんPaintShopPro7・Paintgraphicのどちらでも可能です。ただしPaintgraphicは価格は安いですが中上級者向きのソフトです。レタッチソフト初心者でなくてもマニュアルつきを購入したほうが無難です。PaintShopPro7はPDFとフラッシュによる動画マニュアルおよび絵入りのヘルプ画付属するので解説書は特に必要ないです。
PSP ver.7と6解説
http://www.seiai.ed.jp/t2000/psp7t2/index.html
http://www.seiai.ed.jp/t2000/psp/index.html

Paintgraphic
http://www.sourcenext.com/products/paint/
http://piro.sakura.ne.jp/latest/flakes/035kid.html
PaintgraphicとPhotoshopLEの比較
http://ojakan2.hp.infoseek.co.jp/cgtips_pg.html
PaintShopPro7
(http://www.amazon.co.jp/exec/obidos/ASIN/B0006IX6Z2/qid%3D1123834561/sr%3D1-1/ref%3Dsr%5F1%5F10%5F1/249-6805767-8787515)

PaintShopPro7・Paintgraphic両方とも低価格でパスを扱えます。PaintShopProは最新版は9ですがパスや印刷プレビューの使い勝手が改悪された上動作が重くなっているので安く軽い7を推奨します。

PaintShopPro7・Paintgraphic両方ともElementsにないチャンネル・パス・トーンカーブ・マスクがありますしレイヤーも当然使えます。PaintShopPro7はイラストレーターのようにフォントをアウトライン化してベクターオブジェクトとしていじることができます。

>>手書きでデザインした文字や簡単な絵というか、
...続きを読む

QMovableTypeのタグで、現在表示されているページである事を示すタグはありますか?

自分のウェブサイトをMovable Type 4.1に移行しようと考えています。
そこで質問なのですが、Movable Typeのタグで現在表示されているページを明示出来るようなタグ、
もしくは現在どのページを表示中であるかどうかといった事を格納出来るタグはあるのでしょうか?

具体的には、以下のようなリストでCSSの背景画像置換を使ってロールオーバーメニューを作り
現在のページにはクラス"現在表示されているかどうか"を設定し、表示される画像を変更したいと思っています。
<li id="pagea"><a href="../a.html" class="active">PAGE A</a></li>

また、方法は違ってもこういった事を実現出来る…というタグの使い方があればご教示下さい。
ちょっと分かり難い質問になってしまいましたが、よろしくお願いします。

Aベストアンサー

「現在どのページを表示中であるか」というのがちょっと範囲が広すぎて、「これ」とは言えないんですが…

一例ですが、
「main_indexの時」・「カテゴリーアーカイブテンプレートの時」とかであれば、各テンプレートの最初にMTSetVarでページの値が入っているので、「MTIf name="">で取得できます。
<mt:if name="main_index">
ページがmain_indexの時
<mt:else>
それ以外の時
</mt:if>
みたいな感じで。

>現在どのページを表示中であるかどうかといった事を格納出来るタグ

このあたりを使えばできないでしょうか。
MTSetVarBlock
http://movabletype.jp/documentation/appendices/tags/setvarblock.html

Q手書き文字&イラストをデザインに取り込みたい

手書き、もしくはスタンプでの文字(やイラスト)を
イラストレーターやフォトショップに取り込んで、

その後、ソフトでまた加工、レイアウトしたりして

(文字の書いてある紙の色や質感などは残さずに、
文字(結構細かい)だけをとりこんで、
ファイルにレイアウトしたいのです。)

印刷物にしたいのですが、取り込み方の方法が
いまいちわかりません。。

どなたか知っている方、
いらっしゃいましたらよろしくお願い致します。


ちなみにIllustrator9.0、photoshop5.5を使用しています。

Aベストアンサー

流れとしては
1.手書き等の文字をスキャナで大きめに取り込む(フォトショップ)
2.取り込んだ画像を文字の部分とその他の部分がはっきり分かれるようコントラストを強くして保存。必要に応じて消去したり白黒2階調にしたり、抽出したり技術を要します。(フォトショップ)
3.さきほど保存しておいたデータをイラストレータの書類に配置。
オートトレースツールで輪郭をトレース。大きい画像のほうがトレースしたときのあらがでにくいです。うまくいかない場合環境設定のオートトレースのところを調節してください。このツール、非常にアバウトで、うまくいくかどうか疑問ですが・・・^^:
(イラストレーター)
4.貼り付けた画像を削除
こうすれば文字の部分が図形になるはずなので拡大縮小、変形など自由にできます。
なお、3の部分ですが、アドビのストリームラインというソフトをお持ちでしたらそちらで簡単に精密に輪郭をトレースできます。

Qサンプルソースをブラウザーに表示する手段

HTMLやjQueryのサンプルソースを紹介するのに、
画像のような状態のものをよく目にするのですが、
これは何か特別なライブラリーがあって、
それを設定するだけでこのような表示が可能なものなのでしょうか?

ここまで高機能ではなくても、
タグや背景に色付けができればなと思っているのですが…

それともそういう便利なものはないのでしょうか?
HTMLの「pre」タグを使えば、ひとまずは簡単に表示させられるので、
それでもいいかと思っているのですが、
ご存知の方がらいらしたらぜひ教えていただきたいと思いまして。

よろしくお願いいたします。

Aベストアンサー

コードをハイライトしてくれるライブラリがいくつかあるようなので、
そちらを利用してみるのはいかがでしょうか・・・?

○SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/
http://javascript.webcreativepark.net/library/syntaxhighlighter

○google-code-prettify
http://code.google.com/p/google-code-prettify/
http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap_prettyPrint.html

○CodePress
http://www.skuare.net/test/CodePress.html

個人的には、SyntaxHighlighterが好みです^^

Qパソコン上で手書き文字などを保存したいのですが。

パソコン上での手書きについてお聞きします。

マウスで、簡単な文字なり絵を描いて、それを保存したいのです。
できるのでしょうか?

手書き認識ではありません。すなわち、今、IME、ATOK,を
使用しています。このソフトは、マウスで描いた手書き文字を
漢字等に変換してくれます。しかし、この「変換」まではいらないのです。
マウスで描いた手書き文字等をそのまま保存したいのです。

Vista(Home)を使用しています。
標準搭載の「Tablet PC 入力パネル」でできるでしょうか?

何か、いい方法はありますか?

どうかよろしくお願いいたします。

Aベストアンサー

文字や絵を何かの文章で文字同様に利用するわけでなければ画像として残しておくことはできます。No.1の方のお返事通りペイントでもいいですし、売っているソフトでもいいですし、VistaならWindows Journalというソフトが標準で搭載されていると思います。これを用いれば通常のノートと同じように保存しておくことができますよ。

Qアドレス(URL)の隣にある画像

ヤフー(ttp://www.yahoo.co.jp/)のアドレスの隣に
あるアイコンのようなあの画像はどのようにすれば
表示する事が出来るのでしょうか?
私のHPにも作成して表示したいのですが方法が分かりません;;

どなたかご存知の方いましたら教えてください<(_ _)>

Aベストアンサー

とにかく勉強してみてください ↓ 説明書くより見ると分かります。
というか書いたら理解してもらえないような気がするので(^^;)

参考URL:http://www11.ocn.ne.jp/~batabata/etc/favicon.html

Q手書き文字入りの画像の作り方???

今日和<(_ _*)>

手書きの文字が入った待受画像を集めている
んですが、あれって どうやって作ってるんですか??

PictBear等、画像加工ソフトを使っていて、
手書き文字のフォントならDLしてあるし、
手書き風の文字で文字入れ出来る携帯サイトの文字
とも違うんですよね。。。

マウスで頑張ってみても上手く書けなくて、
細かい文字なんてムリ… ~(-゛-;)~

PCですか?
携帯だけで出来るのでしょうか??
スキャナで読み込んでるのでしょうか??
それとも、ペンタブが無くちゃ出来ませんか??

職人さんの中には作成方法までは答えない、って
人が多くて聞けずに ずっと気になってるんですが
職人さん達は どうやって手書きしているのか
教えて下さい(>_<)
お願いします☆

Aベストアンサー

やろうと思えば携帯で出来ます。

私はDoCoMo FOMA F900iTユーザーなのですが、此れにはタッチパネル機能があって、手書きできるんです。
絶対にやりたいなら買ってもいいと思いますが、発売からもう一年経っていて、しかも未だに高い。\20000overです。

QBootstrap3 のサンプルテンプレートについての質問。

Bootstrap3にあるサイトでの紹介テンプレートを使用していますが、
http://getbootstrap.com/examples/offcanvas/

黒い横のメニューがサイトの上部にありますが、このメニューの上に隙間を空けて下に30pxほどずらしたいのですが、どこを触ればよいかわかりません。

html{} に magin-top: 30px; を追加したのですが、メニューの下から30px 下にずれてしまって、かんじんのメニューの上からはずらすことができません。 どこかで固定されているのでしょうか? わからないので教えてください。よろしくお願いします。

Aベストアンサー

黒いメニューは、以下を参考にしてください。
top: 0;

top: 30px;
にすればOKです。

【黒いメニュー】bootstrap.css 行番号:4268
.navbar-fixed-top
{
 top: 0;
 border-width: 0 0 1px;
}

Q手書きの文字入力はどうするの?

ペイント文字の入力方法はわかりました。
手書きの文字を入力したい場合ははどうするんでしょ?

Aベストアンサー

> 手書きの文字を入力したい場合ははどうするんでしょ?

下記URLのページのような「手書き(風)文字」フォントを使って入力します。

「漢字も使える手書き風の日本語フォントのまとめ」
http://coliss.com/articles/freebies/freebies-handwriting-japanese-font.html

「フリーで使えるいい感じの手書き風フォント特集(日本語も)」
http://e0166.blog89.fc2.com/blog-entry-526.html

「手書き和文フリーフォント」
http://pet.24-7smile.com/font/cursive.html

Q以下に示すHPのように、レイアウトを設定したいです。

HP作成初心者です。
http://www.geocities.jp/nonbiri_go/nonsstyle1.html
こちらに示すHPにあるようにレイアウト枠を3つにわけて(一つのメインを固定、2つのサブタイトルおよび本文部分をスクロールつきで、3つの部分が全く別になっているため見る人も見やすいと思いました。)、HPを作成したいのですが、簡単に作れるものなのでしょうか?
基本的な質問でもうしわけございませんが、
お時間を割いて教えて頂ければ幸いです。

Aベストアンサー

http://babu.com/%7etm/frame/frame.html

こっちでおねがいします。


人気Q&Aランキング

おすすめ情報