Template inputs

Argument Input Details
id Text A unique ID for the popup. Cannot match any other ID on the page.
hovertext Text The text that the user will hover over to see the popup
link (optional) Text A link for the hover text
popup Text The content of the popup.
nodelay (optional) 1 or 0 No delay for popup.
ajax (optional) 1 or 0 You can load an entire wiki article by setting ajax=1 and setting your id equal to the page you want to load.
click (optional) 1 or 0 Requires the user to click the text to see the popup.
sticky (optional) 1 or 0 Requires that the user clicks an "X" to close the popup.
notransparentbg (optional) 1 or 0 Disables the popup's transparency.
classic (optional) 1 or 0 Makes the popup use the classic theme rather than the wiki-specific theme.
plain (optional) 1 or 0 Makes the popup use the plain theme rather than the wiki-specific theme.
box (optional) 1 or 0 Makes the popup use the box theme, which uses no images, rather than the wiki-specific theme.
fade (optional) 1 or 0 Makes the popup use the fade theme rather than the wiki-specific theme. Box will fade in and out of view.
nostem (optional) 1 or 0 Removes the stem from the popup
opacity (optional) Numbers 0 - 100 Sets a custom opacity for the popup. If set above 1, it is divided by 100.
fontcolor (optional) Color name Sets a custom color for the popup's text.
fontsize (optional) font size ex. 5pt Sets a custom size for the popup's text.
bgcolor (optional) Color name Sets a custom background color for a box popup.

Gallery

Descriptions

Standard hover popup

{{Popup|id=balloon1|hovertext=Hover|popup=balloon1 bla bla bla}}

Result: Hover

Add image inside hover balloon

{{Popup|id=balloon2|hovertext=Hover|popup=Balloon 2<br />[[File:Banoi_Herald_Excerpt_001.jpg|300px]]}}

Result: Hover

Use Ajax to load an entire page in a popup

{{Popup|id=ID_Card_01|hovertext=Hover|ajax=1}}

Result: Hover

Require a click to activate a popup

{{Popup|id=balloon3|hovertext=Click|popup=balloon3 bla bla bla|click=1}}

Result: Click

Requiring a click for an Ajax popup

{{Popup|id=ID_Card_01|hovertext=Click|ajax=1|click=1}}

Result: Click

Make a sticky popup

{{Popup|id=balloon4|hovertext=Hover|popup=balloon4 bla bla bla|sticky=1}}

Result: Hover

Make a classic looking popup

{{Popup|id=balloon5|hovertext=Hover|popup=balloon5 bla bla bla|classic=1}}

Result: Hover

Include a page in a popup like a template

{{Popup|id=balloon_Whiterun|hovertext=Hover|popup={{:Whiterun}}|classic=1}}

Result: Hover

Make a popup without a transparent background

{{Popup|id=Whiterun|hovertext=Hover|ajax=1|notransparentbg=1}}

Result: Hover

Make a plain popup

{{Popup|id=balloon6|hovertext=Hover|popup=balloon6 bla bla bla|plain=1}}

Result: Hover

Make a box popup (no images)

{{Popup|id=balloon7|hovertext=Hover|popup=balloon7 bla bla bla|box=1}}

Result: Hover

No delay popup

{{Popup|id=balloon8|hovertext=Hover|popup=balloon8 bla bla bla|nodelay=1}}

Result: Hover

Fade popup

{{Popup|id=balloon9|hovertext=Hover|popup=balloon9 bla bla bla|fade=1}}

Result: Hover

Fade box popup

{{Popup|id=balloon10|hovertext=Hover|popup=balloon10 bla bla bla|fadeBox=1}}

Result: Hover

No stem popup - not working

Not working

{{Popup|id=balloon11|hovertext=Hover|popup=balloon11 bla bla bla|nostem=1}}

Result: Hover

Custom opacity

{{Popup|id=balloon12|hovertext=Hover|popup=balloon12 bla bla bla|opacity=20}}

Result: Hover

Custom font color

{{Popup|id=balloon13|hovertext=Hover|popup=balloon13 bla bla bla|fontcolor=Black}}

Result: Hover

Custom font size

{{Popup|id=balloon14|hovertext=Hover|popup=balloon14 bla bla bla|fontsize=5pt}}

Result: Hover

Custom BG color

{{Popup|id=balloon15|hovertext=Hover|popup=balloon15 bla bla bla|box=1|bgcolor=Green}}

Result: Hover

*Disclosure: Some of the links above are affiliate links, meaning, at no additional cost to you, Fandom will earn a commission if you click through and make a purchase. Community content is available under CC-BY-SA unless otherwise noted.