(文章校正：wikia表記チェック) タグ: sourceedit |
Plover-bot (メッセージウォール | 投稿記録) 細 (ボットによる: 「de:Hilfe:Spoiler」を「de:Hilfe:Tooltips」へ変更) |
||
| (3人の利用者による、間の6版が非表示) | |||
| 1行目: | 1行目: | ||
{{Helpline}} |
{{Helpline}} |
||
| + | {{Untranslated help|w:Help:Tooltips}} |
||
__NOTOC__ |
__NOTOC__ |
||
| − | [[ |
+ | [[ファイル:Mouse-over_tool-tip.jpg|大規模なツールチップの例 (Ikariam Wiki の [[w:c:ikariam:Building:Dump|Dump]]ページより)|thumb|250px]] |
'''ツールチップ''' (Tooltip) とは、テキストなど、ページの特定の部分にマウスオーバーしたときに追加情報を表示するホバーエフェクトです。 |
'''ツールチップ''' (Tooltip) とは、テキストなど、ページの特定の部分にマウスオーバーしたときに追加情報を表示するホバーエフェクトです。 |
||
| 17行目: | 18行目: | ||
# '''style="cursor:help;"''' はこのようになります: |
# '''style="cursor:help;"''' はこのようになります: |
||
| − | #: <span style="cursor:help;" title="これはヘルプのカーソルセットのマウスオーバーのツールチップです">ここをマウスオーバーして「ヘルプ」カーソルを表示してください。</span> |
+ | #: <span style="cursor:help;" title="これはヘルプのカーソルセットのマウスオーバーのツールチップです">ここをマウスオーバーして「ヘルプ」カーソルを表示してください。</span> |
# '''style="cursor:pointer;"''' は次のようになります: |
# '''style="cursor:pointer;"''' は次のようになります: |
||
#: <span style="cursor:pointer;" title="これはポインタのカーソルセットのマウスオーバーのツールチップです">ここをマウスオーバーして「ポインタ」カーソルを表示してください。</span> |
#: <span style="cursor:pointer;" title="これはポインタのカーソルセットのマウスオーバーのツールチップです">ここをマウスオーバーして「ポインタ」カーソルを表示してください。</span> |
||
== 関連情報 == |
== 関連情報 == |
||
| − | * [[ヘルプ:新規ページ|新しいページを作成する |
+ | * [[ヘルプ:新規ページ|新しいページを作成する方法]] |
| − | * [[ヘルプ: |
+ | * [[ヘルプ:テキストを修正する|テキストを修正する方法]] |
| − | * [[ヘルプ:テーブル|テーブル (表組み) を作成する |
+ | * [[ヘルプ:テーブル|テーブル (表組み) を作成する方法]] |
== その他のヘルプとフィードバック == |
== その他のヘルプとフィードバック == |
||
| 31行目: | 32行目: | ||
{{DEFAULTSORT:つうるちつふ}} |
{{DEFAULTSORT:つうるちつふ}} |
||
| − | [[de:Hilfe: |
+ | [[de:Hilfe:Tooltips]] |
[[en:Help:Tooltips]] |
[[en:Help:Tooltips]] |
||
| + | [[pt:Ajuda:Tooltips]] |
||
[[ru:Справка:Всплывающая подсказка]] |
[[ru:Справка:Всплывающая подсказка]] |
||
| + | [[uk:Довідка:Інтерактивна підказка]] |
||
[[zh:Help:提示框]] |
[[zh:Help:提示框]] |
||
| + | |||
[[カテゴリ:編集]] |
[[カテゴリ:編集]] |
||
[[カテゴリ:ソース編集]] |
[[カテゴリ:ソース編集]] |
||
2017年10月8日 (日) 21:50時点における版
- このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
- 原文 : w:Help:Tooltips。
大規模なツールチップの例 (Ikariam Wiki の Dumpページより)
ツールチップ (Tooltip) とは、テキストなど、ページの特定の部分にマウスオーバーしたときに追加情報を表示するホバーエフェクトです。
詳しい手順
ツールチップを表示したいテキストを span タグで囲い、パラメータを title="表示したいテキスト" のように設定します：
<span title="これがツールチップです！">ここにマウスを乗せるとツールチップが現れます！</span>
すると次のようになります:
- ここにマウスを乗せるとツールチップが現れます！
属性 style="cursor:<cursor-style>;" を追加すると、マウスオーバーしたときのカーソルのデザインを変更することもできます：
- style="cursor:help;" はこのようになります:
- ここをマウスオーバーして「ヘルプ」カーソルを表示してください。
- style="cursor:pointer;" は次のようになります:
- ここをマウスオーバーして「ポインタ」カーソルを表示してください。
関連情報
その他のヘルプとフィードバック
- ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
- 最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
- この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
- このヘルプはコミュニティセントラル内にて管理されています。