HPCE/gitea-pages
0
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Activity

Revert "cleanup and new navigation ideas"

Browse Source
This commit is contained in:
Tom Johnson
2016-06-10 16:00:23 -07:00
committed by GitHub
parent e48d3757be
commit 6653e1a846
124 changed files with 1627 additions and 987 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
mydoc/mydoc_adding_tooltips.md Normal file
View File

@ -0,0 +1,24 @@
---
title: Tooltips
tags: [formatting]
keywords: popovers, tooltips, user interface text, glossaries, definitions
last_updated: March 20, 2016
summary: "You can add tooltips to any word, such as an acronym or specialized term. Tooltips work well for glossary definitions, because you don't have to keep repeating the definition, nor do you assume the reader already knows the word's meaning."
sidebar: mydoc_sidebar
permalink: /mydoc_adding_tooltips/
---
## Creating tooltips
Because this theme is built on Bootstrap, you can simply use a specific attribute on an element to insert a tooltip.
Suppose you have a glossary.yml file inside your \_data folder. You could pull in that glossary definition like this:
{% raw %}
```html
<a href="#" data-toggle="tooltip" data-original-title="{{site.data.glossary.jekyll_platform}}">Jekyll</a> is my favorite tool for building websites.</a>
```
{% endraw %}
This renders to the following:
<a href="#" data-toggle="tooltip" data-original-title="{{site.data.glossary.jekyll_platform}}">Jekyll</a> is my favorite tool for building websites.