変更：ヘルプ:ツールチップ

2017年10月8日 (日) 21:50時点における版

ヘルプ

トップページ · 目次 · 索引

このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。

原文 : w:Help:Tooltips。

Mouse-over tool-tip — 大規模なツールチップの例 (Ikariam Wiki の Dumpページより)

ツールチップ (Tooltip) とは、テキストなど、ページの特定の部分にマウスオーバーしたときに追加情報を表示するホバーエフェクトです。

詳しい手順

ツールチップを表示したいテキストを span タグで囲い、パラメータを title="表示したいテキスト" のように設定します：

<span title="これがツールチップです！">ここにマウスを乗せるとツールチップが現れます！</span>

すると次のようになります:

ここにマウスを乗せるとツールチップが現れます！

属性 style="cursor:<cursor-style>;" を追加すると、マウスオーバーしたときのカーソルのデザインを変更することもできます：

style="cursor:help;" はこのようになります:
ここをマウスオーバーして「ヘルプ」カーソルを表示してください。
style="cursor:pointer;" は次のようになります:
ここをマウスオーバーして「ポインタ」カーソルを表示してください。

その他のヘルプとフィードバック

ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
このヘルプはコミュニティセントラル内にて管理されています。

@@ 1行目: / 1行目: @@
+{{Helpline}}
-[[File:Mouse-over_tool-tip.jpg|Example of a large tool-tip from the Ikariam Wiki の {{#NewWindowLink:http://ikariam.wikia.com/index.php?title=Building:Dump|Dump}}ページから取得した巨大なツールチップの例|thumb|250px]]
+{{Untranslated help|w:Help:Tooltips}}
+__NOTOC__
+[[ファイル:Mouse-over_tool-tip.jpg|大規模なツールチップの例 (Ikariam Wiki の [[w:c:ikariam:Building:Dump|Dump]]ページより)|thumb|250px]]
-'''ツールチップ''' (Tooltip) とは、読者がテキストなど、ページ上のとある要素にマウスポインタを乗せた (マウスオーバー、マウスホバー) ときに追加情報を提供するシンプルなホバーエフェクトです。
+'''ツールチップ''' (Tooltip) とは、テキストなど、ページの特定の部分にマウスオーバーしたときに追加情報を表示するホバーエフェクトです。
+== 詳しい手順 ==
-== ステップ・バイ・ステップ ==
-簡単なツールチップを作るためにすべきことは、ツールチップを表示したいテキストを span タグで囲って、パラメータ '''title="表示したいテキストはここに！"''' をこのように追加します:
+ツールチップを表示したいテキストを span タグで囲い、パラメータを '''title="表示したいテキスト"''' のように設定します：
 :<code><nowiki><span title="これがツールチップです！">ここにマウスを乗せるとツールチップが現れます！</span></nowiki></code>
@@ 12行目: / 15行目: @@
 : <span title="これがツールチップです！">ここにマウスを乗せるとツールチップが現れます！</span>
-属性 '''style="cursor:<cursor-style>;"''' を追加することによってマウスホバーのときのカーソルの外観を変更することもできます。例:
+属性 '''style="cursor:<cursor-style>;"''' を追加すると、マウスオーバーしたときのカーソルのデザインを変更することもできます：
 # '''style="cursor:help;"''' はこのようになります:
 #: <span style="cursor:help;" title="これはヘルプのカーソルセットのマウスオーバーのツールチップです">ここをマウスオーバーして「ヘルプ」カーソルを表示してください。</span>
 # '''style="cursor:pointer;"''' は次のようになります:
 #: <span style="cursor:pointer;" title="これはポインタのカーソルセットのマウスオーバーのツールチップです">ここをマウスオーバーして「ポインタ」カーソルを表示してください。</span>
-== 関連項目 ==
+== 関連情報 ==
-* [[Help:新規ページ|新しいページを作成する]]方法を学ぶ
+* [[ヘルプ:新規ページ|新しいページを作成する方法]]
-* [[Help:Modifying text|テキストを修正する]]方法を学ぶ
+* [[ヘルプ:テキストを修正する|テキストを修正する方法]]
-* [[Help:テーブル|テーブル (表組み) を作成する]]方法を学ぶ
+* [[ヘルプ:テーブル|テーブル (表組み) を作成する方法]]
-== さらなるヘルプとフィードバック ==
+== その他のヘルプとフィードバック ==
 {{Help and feedback section}}
 {{DEFAULTSORT:つうるちつふ}}
-[[Category:編集]]
-[[Category:ソース編集]]
-[[Category:ヘルプ]]
+[[de:Hilfe:Tooltips]]
 [[en:Help:Tooltips]]
+[[pt:Ajuda:Tooltips]]
+[[ru:Справка:Всплывающая подсказка]]
+[[uk:Довідка:Інтерактивна підказка]]
+[[zh:Help:提示框]]
+[[カテゴリ:編集]]
+[[カテゴリ:ソース編集]]
+[[カテゴリ:ヘルプ]]