Template:DataBox: Difference between revisions

From Victory Belles Community Wiki
Jump to navigation Jump to search
fandomVB>Sovereign
No edit summary
m (Protected "Template:DataBox": Prevent editing of templates ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(39 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
{|<div width=90% style="border: 3px solid #62bda3; border-radius:10px; padding:10px;>
{|<div width=65% style="border: 3px solid #62bda3; border-radius:10px;
|<div style="float: left; width: 45px; padding-top: 8px; text-align:center;">
|<div style="float: left; width: 15px; text-align:center vertical-align: middle;">
|{{{image|<span style=font-size:40px;">i</span>}}}
|{{{image|<span style=font-size:40px;">i</span>}}}
|</div>
|</div>
|<div style="padding-left: 75px;"><h3>{{{title|Notice}}}</h3></div>
|<div><p style="font-size: 30px;>{{{title|Box Title}}}</p><p style="font-size: 14px;>{{{content|Box content}}}</p></div>
|
|
|{{{content}}}
|}
|}
</onlyinclude>
</onlyinclude>
{{Documentation}}
[[Category:Template]]
[[Category:Notice Boxes]]
[[Category:Desktop Notices]]
[[Category:Mobile Notices]]

Latest revision as of 16:59, 6 May 2023

i

Box Title

Box content

Template documentation follows
Note: the template above may sometimes be partially or fully invisible.
Visit Template:DataBox/doc to edit this documentation. (How does this work?)

Description[edit source]

To use this template, copy the following code and fill in the appropriate fields. The reason this exists is to enable a notice-style box which will show up on mobile devices, such as for Template:DetailsPageBox. "Notice"-class templates are automatically hidden by Fandom's mobile skin.

Syntax[edit source]

{{DataBox
  |image=|middle|75px]]
  |title=
  |content=
}}

Note that the actual link to the image must be placed between the "=" after image and the "|" before middle in order to show up and retain expected formatting.

Samples[edit source]

{{DataBox
  |image=[[File:Example.jpg|middle|75px]]
  |title=Example Title
  |content=Example content
}}

Results in...

File:Example.jpg

Example Title

Example content