ベストアンサー

このサイトみたいに文字にカーソル合わせたら吹き出しで文字を出す方法

2008/02/17 16:13

すいません教えていただきたいです。 http://get.live.com/WL/config_all ↑ このページのように、文字にカーソルあわせたら吹き出しみたいに出てくるようにしたいです。ホームページ作成ソフト『NINJA 9』というのを使っていますが、 HTML挿入できるので可能かなと思います。どうかやり方を教えていただきたいです。。調べてもキーワードが何かよくわからなくて、、「吹き出し　HTML」とかでは出てきませんでした。専門用語があるのかもしれません。同かよろしくお願いします。m(_ _)m

nurunuru2
お礼率20% (55/267)

ホームページ作成ソフト
回答数2
ありがとう数2

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

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

ベストアンサー

lispest
ベストアンサー率52% (10/19)

2008/02/17 19:58 回答No.2

少し調べたところ、あれこれポップアップの他には Sweet Titles Finalized http://www.dustindiaz.com/sweet-titles-finalized/ Nice titles http://www.kryogenix.org/code/browser/nicetitle/ などがあるみたいですが、国内ではちょっと見つかりませんでした。あ、ちなみに一番シンプルで簡単なのは <span title="hogehoge">こんなかんじ</span> ですが、これじゃシンプルすぎますかね。あれこれポップアップの使い方を説明するにはスペースが足りないので付属のsample.htmlや他の人のblogとか見てみて下さい。

質問者

お礼 2008/02/17 21:02

本当にありがとう！^^ すごく助かります！

その他の回答 (1)

lispest
ベストアンサー率52% (10/19)

2008/02/17 16:18 回答No.1

あれこれポップアップ http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html が有名かなぁ

質問者

お礼 2008/02/17 18:18

正式名称はポップアップなんすね！＾＾他にもあるんでしょうか？？？シンプルで渋いやつがいいなって。

質問者

補足 2008/02/17 18:42

説明読んだんですが、、、難しいですね。。。 HTMLだけ書いてて、例えば、 <html> <head> … <link href="ArekorePopup/ArekorePopup.css" rel="stylesheet" type="ここに出したい文字を入れる"> <script src="ArekorePopup/ArekorePopup.js" type="text/javascript"></script> </head> <body> … </body> </html> みたいならコピペで文字入れるだけなのでわかるんですけど、説明が理解できなくて、、簡単なのありませんか><

関連するQ&A

「ホームページNinja 9」で検索除けタグの挿入方法
此処で「ホームページNinja 9で検索避けをする方法」を拝見しましたが、メカ音痴で初心者の私には、ホームページNinja 9で検索除けのタグを入れる方法が未だ理解できず、悪戦苦闘しております。どなたか「ホームページNinja 9」で検索除けタグの挿入方法が判る方がいらっしゃいましたら、どうぞ詳しく教えて下さい。私のやり方だとまずサイト頁の１枚全体をクリックし。頁の一番上左端に検索除けタグを入れる場所を決めて、ホームページNinja 9の「ページ編集」-ツール「挿入」-「ＨＴＭＬタグ」クリックし、「ＨＴＭＬタグの編集」の中に検索除けタグをコピペして挿入してＦＴＰ転送してみます。しかしＷｅｂソース確認してみると、どうしてかそのタグがHEADとHEADの間には入れず、HEADとHEADの間ではない下の方に入ってしまっているのです。検索除けタグをHEADとHEADの間に入れたいのですが、ＨＴＭＬ初心者の私にはどうすればいいのか判りません。どうぞ判りやすいアドバイスをよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
アクセスカウンターの復活について
とあるサークルのホームページの管理を任されてます。環境は、ホームページニンジャ2003、ヤフージオステージです。操作ミスで、アクセスカウンターを消してしまいました。復活させようとしたのですが、 HTMLタグの入力が出来ません。マニュアルにそって、メニューバーの「挿入」－「ＨＴＭＬタグの挿入」操作をしてもうまくいきません。どうしたらカウンターを復活できるでしょうか。管理だけを引き継いだので、立ち上げたのは別の人です。引き継いだのは、ＩＤとパスワード、ホームページニンジャのＣＤ、マニュアル本です。パソコンにもホームページにもそんなに詳しくありません。今回の件で、初めてＨＴＭＬという言葉を聴きました。そもそもＨＴＭＬタグが何なのかも良く分かりません。よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
知らないうちに勝手に[Windows デスクトップサーチ]がインストールされていました
知らないうちに[Windows デスクトップサーチ]がインストールされていました。 [Windows Live 簡単インストール]　http://get.live.com/WL/config_all 上記をダウンロードして、 Windows Live Writer Windows Live Messenger Windows Live Mail Windows Live フォトギャラリーの四つのソフトをインストールして再起動したところ、タスクバーに[デスクトップの検索]という[Windows デスクトップサーチ](Version 5.1)の検索窓があらわれました。[タスクバーを右クリック]→[ツールバー]にも、今まで見たことのない[Windows サーチデスクバー]という項目が追加されてしまいました。 Windows Liveと関係のないこの[Windows デスクトップサーチ]は、どの時点で(他の何らかのソフトと抱き合わせで)インストールされるものなのでしょうか。今後知らぬ間にインストールされないようにしたいので、ご存知の方教えてください。
- 締切済み
- Windows XP
HPビルダーのHTMLタグ挿入時
ホームページビルダー13で、標準モードの「ページ編集」画面で、タグを挿入したい所にカーソルを置き、「HTMLソース」画面に切り替えてソースを貼り付けたいのですが、貼り付けたい所にカーソルがありません。ビルダーの6.5を使っていた時は、ページ「編集画面」でソースを挿入したい場所にカーソルを置いたまま「HTMLソース」画面に移動すると、自動でその場所にカーソルがきていて便利だったのですが、ビルダー13では何か設定が必要なんでしょうか？タグがわからないので、どこに挿入していいかわかりません。教えてください。
- ベストアンサー
- ホームページ作成ソフト
検索エンジン登録
ネットショッピングのホームページを「ホームページニンジャ」で作りました。検索エンジン登録にあたって、いろんな物を読みましたが、よくわかりませんでした。タグをきちんとしないと…とよくありますが、どのようにすればいいんでしょうか？一応そのまま登録してみたんですが、やっぱりキーワードでは出てきません。タグってどのように作ってどこにどう載せればいいんでしょうか？初心者で専門用語では理解できません…。専門の方に来てもらって操作して頂かないと無理でしょうか…
- ベストアンサー
- その他（インターネット・Webサービス）
Windows Live フォトギャラリーが分かりません
Windows Liveのサービスの一つに、『Windows Live フォトギャラリー』と言うソフトがありますが、今使っているパソコンに最初から入っていたのが『Windows フォトギャラリー』で、『Windows Live フォトギャラリー』はその後継と聞いたので、インストールしようと思いました。そのときに、ベータ版があったので『Windows Live フォトギャラリー beta』をインストールしました。不具合が多く、ベータ版はやめようと思い、アンインストールしました。 http://get.live.com/photogallery/overview http://get.live.com/wl/all Liveフォトギャラリーの正式版をインストールしたいので、上のURLからインストールしようとすると、『インストール中に問題が発生しました。Windows Live suiteがインストールされていません』とエラーになってしまい、インストールできません。ちなみに上のURLはベータ版ではなく、正式版ですよね？？とりあえず今は、『Windows Live フォトギャラリー』の正式版をインストールしたいです。状況が分かりにくく、申し訳ありません。回答お願いします。
- 締切済み
- Windows Vista
ブログにアクセス解析を利用しようと、忍者アクセス解析のヘルプを読んでい
ブログにアクセス解析を利用しようと、忍者アクセス解析のヘルプを読んでいたところ、「WEBページのHTMLファイルに解析用ソースを挿入したら、適切なFTPソフトを使い、HTMLファイルをレンタルしたホームページサーバにアップロードしてください。」とあり、意味がさっぱりわかりません。 FTPソフトとは何ですか？　どこで入手するのですか？またHTMLファイルをレンタルしたホームページサーバにアップロード、というのも意味も手順もわかりません。とにかく初心者なので、よろしくお願いします。
- ベストアンサー
- ブログ
カーソルの吹き出し？
PCのカーソル（ポインターとも言いますね）の右下にマンガのふきだしみたいに、長四角に出てくるのがウザいんです。例えばこの「教えて！」の検索一覧の質問タイトルの下にある投稿日時の日付にカーソルを合わせると勝手に出てきます。これって出なくすることは出来るんですか？OSはXPです。
- 締切済み
- Windows XP
ホームページで検索文字メタタグを入れる具体的な位置
現在、ホームページビルダー14で編集中のトップページについてです。検索ワードに関するメタタグを入れたい場合についてです。実際の画面の、出だし上から10行ほどのHTMLテキストの内容ですが、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <meta name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 14.0.7.0 for Windows"> <title></title> </head> <BODY background="blue_p7b.gif"> <div style="top : 0px;left : 20px; position : absolute; z-index : 21; ～と、なっており、以下に続いていきます。ここで、質問ですが、以下の、＜META NAME="keywords" CONTENT=キーワード"＞は、具体的に、どこへ挿入すればよいでしょうか？何故なら、自分で試した所、「エラーが検出されたので修正しました」と表示され、「どこでも配置モード」で編集するためにファイルを変換します。（ファイルを変換しないと[ページ編集]タブで編集出来ない部分があります）というホームページビルダー14でのダイアログが出るのです。ちなみに入れた位置は、<METAと並んでいる一番下、つまり、<title></title>の直ぐ上です。また、他のテキストは一面ピンク色や青色でしたが、挿入した文字色は黒でした。その後、OKを押すと、実際の画面では、先ほどHTMLソース画面で書いた文字がそのままトップに書かれるだけになってしまいます。そして、再びHTMLソースを開くと、挿入したものが自動的にHTMLテキストの一番へ移動してしまい、～ " id="Layer28">＜META NAME="keywords" CONTENT="キーワード"＞ </DIV> </BODY> と、なってしまいます。この場合、どうすれば良いのでしょうか？詳しい方がいましたら、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
Ajax・jQueryでGETとPOSTする方法
画像をクリックしたときにjQuery,Ajaxを利用してGET/POSTをしたいです。 POSTとGETは良く使うので今回両方の流れを知りたいと思います。 PHPではPOST、GETは使うことができます。javascript,jQueryはちょっと触ったことのある程度です。フォームに値を入力してjQueryとAjaxでPOSTでデータを送るのは下記ホームページを参考にしてみたら成功しました。 http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html 今回は下記のような複数のパラメータを送信したいと思います。画像Aをクリックした時にkeyword=aaaa,cate=1 画像Bをクリックした時にkeyword=bbbb,cate=2 画像Cをクリックした時にkeyword=cccc,cate=3 今までPHPでGETを使っていた時のHTML部分です↓ <a href="index.php?keyword=aaaa&cate=1"><img src="images/a.jpg"></a> <a href="index.php?keyword=bbbb&cate=2"><img src="images/b.jpg"></a> <a href="index.php?keyword=cccc&cate=3"><img src="images/c.jpg"></a> 「send.phpファイル」 <?php //POSTでデータが送られた場合 echo $_POST['keyword'].'<br>'; echo $_POST['cate'].'<br>'; //GETでデータが送られた場合 echo $_GET['keyword'].'<br>'; echo $_GET['cate'].'<br>'; ?> ==GET================================================================ （HTML部分） <a href="index.php?keyword=aaaa&cate=1"><img src="images/a.jpg"></a> の記載方法だと、クリックしたときにアドレスバーにアドレスが入力されるのでページが切り替わってしまいAjaxにならないので違う形にする必要があると思いますがどのようにkeyword,cateのパラメータを持たせればよいのでしょうか？または、この形のままで良く、リンクした時にページが飛ばないような処理方法があるのでしょうか？（またはAjaxではあまりGETは使わないのでしょうか？）上記に記載した、POSTの参考例のソースを記載します。 GETの場合にどのように変えたらよいのでしょうか。 $(document).ready(function() { var data = {request : $('#request').val()};//GETで複数値対応に書き換えが必要。 $.ajax({ type: "GET", url: "send.php", data: data, success: function(data, dataType) { $( '#test' ) . html( data ); },error: function(XMLHttpRequest, textStatus, errorThrown) { this; alert('Error : ' + errorThrown); } }); }); ==POST================================================================ （HTML部分） formを使う形になると思いますが、どのような書き方が良いのか教えて下さい。画像を使うと下記のようになるとは思いますが、A,B,Cそれぞれにkeyword,cateの情報をどのように持たせておいたらよいのかがわかりません。 <form> <button type="submit" name="" value="*****"><img src="sample.gif"></button> </form> （jQuery部分） $(document).ready(function() { var data = {request : $('#request').val()};//POSTで複数値対応に書き換えが必要。 $.ajax({ type: "POST", url: "send.php", data: data, success: function(data, dataType) { $( '#test' ) . html( data ); },error: function(XMLHttpRequest, textStatus, errorThrown) { this; alert('Error : ' + errorThrown); } }); }); 以上、よろしくお願い致します。
- ベストアンサー
- AJAX

このサイトみたいに文字にカーソル合わせたら吹き出しで文字を出す方法