Template:Infobox - Revision history

Utsuho: add ckear

2025-07-10T09:30:46Z

add ckear

← Older revision		Revision as of 09:30, 10 July 2025
Line 22:		Line 22:
	* `clear`: CSS `clear` property (e.g., `right`, `left`)		* `clear`: CSS `clear` property (e.g., `right`, `left`)
	</noinclude><includeonly><templatestyles src="Infobox/styles.css"/>		</noinclude><includeonly><templatestyles src="Infobox/styles.css"/>
	<div class="ec-infobox" style="border-color: {{{border-colour\|#aaa}}}; float: {{{float\|right}}}; clear: ~~both~~;">		<div class="ec-infobox" style="border-color: {{{border-colour\|#aaa}}}; float: {{{float\|right}}}; clear: {{clear\|none}};">
	<div class="ec-infobox-title" style="background-color: {{{background-colour\|#ccc}}}; color: {{{text-colour\|#000}}}">		<div class="ec-infobox-title" style="background-color: {{{background-colour\|#ccc}}}; color: {{{text-colour\|#000}}}">
	{{{title}}}		{{{title}}}

Utsuho: float

2025-07-10T09:15:19Z

float

← Older revision		Revision as of 09:15, 10 July 2025
Line 22:		Line 22:
	* `clear`: CSS `clear` property (e.g., `right`, `left`)		* `clear`: CSS `clear` property (e.g., `right`, `left`)
	</noinclude><includeonly><templatestyles src="Infobox/styles.css"/>		</noinclude><includeonly><templatestyles src="Infobox/styles.css"/>
	<div class="ec-infobox" style="border-color: {{{border-colour\|#aaa}}}; ~~clear~~: {{{~~clear~~\|right}}}">		<div class="ec-infobox" style="border-color: {{{border-colour\|#aaa}}}; float: {{{float\|right}}}; clear: both;">
	<div class="ec-infobox-title" style="background-color: {{{background-colour\|#ccc}}}; color: {{{text-colour\|#000}}}">		<div class="ec-infobox-title" style="background-color: {{{background-colour\|#ccc}}}; color: {{{text-colour\|#000}}}">
	{{{title}}}		{{{title}}}

Utsuho: death

2025-07-10T09:11:10Z

death

← Older revision		Revision as of 09:11, 10 July 2025
Line 1:		Line 1:
	<~~includeonly~~>		<noinclude>{{Infobox
	{\| ~~class~~=~~"infobox" style="border:1px solid {{{border-color\|#aaa}}}; background:{{{background-color\|#f9f9f9}}}; width:{{{width\|300px}}}; font-size:90%; font-family:sans-serif;"~~		\| title = Example Infobox
	\|-		\| image = Example.jpg
	~~! colspan~~=~~"2" style="background:{{{title-background-color\|#ccc}}}; color:{{{title-text-color\|#000}}}; text-align:center; font-size:1~~.~~2em; padding:0.3em;" \| {{{title\|}}}~~		\| image_alt = An example image
	~~{{#if:{{{image\|}}}\|~~		\| image_caption = Caption goes here
	\|-		\| content = <p>The content of an '''Infobox''' is just regular WikiText!</p>
	~~\| colspan~~=~~"2" style="text-align:center;" \| [[File:{{{~~image~~}}}~~\|~~250px\|alt~~=~~{{{image_alt\|}}}]]~~		\| width = 250px
	~~{{#if:{{{image_caption\|}}}~~\|<~~div style="font-size:0.85em; font-style:italic;"~~>~~{{{image_caption}}}~~</~~div~~>}}
	}}		}}
	~~{{#if~~:~~{{{type\|}}}\|~~		This template creates a styled infobox with customizable colors and flexible content.
	\|-
	~~\| '''Type''' \|\| {{{type}}}~~		== Parameters ==
	}}		* `title`: Title of the infobox
	~~{{#if~~:~~{{{date\|}}}\|~~		* `image`: (Optional) Filename of an image (must be uploaded)
	\|-		* `image_alt`: Image alt text
	~~\| '''Date''' \|\| {{{date}}}~~		* `image_caption`: (Optional) Text shown below the image
	}}		* `content`: The main content (use paragraphs, images, etc.)
	~~{{#if~~:{{{~~location\|}}}\|~~		* `width`: CSS width (e.g., `300px`)
	\|-		* `aspect-ratio`: (Optional) CSS aspect-ratio for content box
	\| ~~'''Location''' \|\| {{{location}}~~}		* `border-colour`: Border color of the box
	}}		* `background-colour`: Background color of the title
	~~{{#if~~:{{{~~domain~~\|}}}\|		* `text-colour`: Text color of the title
	\|-		* `clear`: CSS `clear` property (e.g., `right`, `left`)
	~~\| '''Domain''' \|\| {{#if~~:{{{~~domain_url~~\|}}}\|[{{{~~domain_url~~}}} {{{~~domain}}}]\|{{{domain}}~~}}}		</noinclude><includeonly><templatestyles src="Infobox/styles.css"/>
	}}		<div class="ec-infobox" style="border-color: {{{border-colour\|#aaa}}}; clear: {{{clear\|right}}}">
	{{#if:{{{~~website~~\|}}}\|		<div class="ec-infobox-title" style="background-color: {{{background-colour\|#ccc}}}; color: {{{text-colour\|#000}}}">
	\|-		{{{title}}}
	~~\| '''Website''' \|\|~~ [{{{~~website~~}}} {{{~~website}}}]~~		</div>
	}}		{{#if:{{{image\|}}}
	~~{{#if:{{{description~~\|}}}\|		\|<div class="ec-infobox-image" style="text-align:center; margin-top:0.5em;">
	\|-		[[File:{{{image}}}\|{{{width\|250px}}}\|alt={{{image_alt\|}}}]]
	~~\| colspan~~=~~"2" \|~~ {{{~~description~~}}}		{{#if:{{{image_caption\|}}}\|<div style="font-size:0.85em; font-style:italic;">{{{image_caption}}}</div>}}
	}}		</div>
	{{#if:{{{~~retired~~\|}}}\|		}}
	\|-		<div class="ec-infobox-content" style="width: {{{width\|250px}}}; aspect-ratio: {{{aspect-ratio\|auto}}}">
	~~\| '''Retired''' \|\|~~ {{{~~retired~~}}}		{{{content}}}
	}}		</div>
	~~{{#if~~:{{{~~author~~\|}}}\|		</div>
	\|-
	~~\| '''Author''' \|\| {{{author}}}~~
	}}
	~~{{#if~~:{{{~~version~~\|}}}\|
	\|-
	~~\| '''Version''' \|\|~~ {{{~~version~~}}}
	}}
	\|}
	</includeonly>		</includeonly>

Utsuho: hate

2025-07-10T09:08:13Z

hate

← Older revision		Revision as of 09:08, 10 July 2025
Line 3:		Line 3:
	\|-		\|-
	! colspan="2" style="background:{{{title-background-color\|#ccc}}}; color:{{{title-text-color\|#000}}}; text-align:center; font-size:1.2em; padding:0.3em;" \| {{{title\|}}}		! colspan="2" style="background:{{{title-background-color\|#ccc}}}; color:{{{title-text-color\|#000}}}; text-align:center; font-size:1.2em; padding:0.3em;" \| {{{title\|}}}
	{{#if:{{{image\|}}}\|		{{#if:{{{image\|}}}\|
	\|-		\|-
	\| colspan="2" style="text-align:center~~; padding:0.4em~~;" \| [[File:{{{image}}}\|250px\|alt={{{image_alt\|}}}]]		\| colspan="2" style="text-align:center;" \| [[File:{{{image}}}\|250px\|alt={{{image_alt\|}}}]]
	{{#if:{{{image_caption\|}}}\|<div style="font-size:0.85em; font-style:italic~~; margin-top:0.3em~~;">{{{image_caption}}}</div>}}		{{#if:{{{image_caption\|}}}\|<div style="font-size:0.85em; font-style:italic;">{{{image_caption}}}</div>}}
	}}		}}
	{{#if:{{{type\|}}}\|		{{#if:{{{type\|}}}\|
	\|-		\|-
	\| '''Type''' \|\| {{{type}}}		\| '''Type''' \|\| {{{type}}}
	}}		}}
	{{#if:{{{date\|}}}\|		{{#if:{{{date\|}}}\|
	\|-		\|-
	\| '''Date''' \|\| {{{date}}}		\| '''Date''' \|\| {{{date}}}
	}}		}}
	{{#if:{{{location\|}}}\|		{{#if:{{{location\|}}}\|
	\|-		\|-
	\| '''Location''' \|\| {{{location}}}		\| '''Location''' \|\| {{{location}}}
	}}		}}
	{{#if:{{{domain\|}}}\|		{{#if:{{{domain\|}}}\|
	\|-		\|-
	\| '''Domain''' \|\| {{#if:{{{domain_url\|}}}\|[{{{domain_url}}} {{{domain}}}]\|{{{domain}}}}}		\| '''Domain''' \|\| {{#if:{{{domain_url\|}}}\|[{{{domain_url}}} {{{domain}}}]\|{{{domain}}}}}
	}}		}}
	{{#if:{{{website\|}}}\|		{{#if:{{{website\|}}}\|
	\|-		\|-
	\| '''Website''' \|\| [{{{website}}} {{{website}}}]		\| '''Website''' \|\| [{{{website}}} {{{website}}}]
Line 32:		Line 32:
	\| colspan="2" \| {{{description}}}		\| colspan="2" \| {{{description}}}
	}}		}}
	{{#if:{{{retired\|}}}\|		{{#if:{{{retired\|}}}\|
	\|-		\|-
	\| '''Retired''' \|\| {{{retired}}}		\| '''Retired''' \|\| {{{retired}}}
	}}		}}
	{{#if:{{{author\|}}}\|		{{#if:{{{author\|}}}\|
	\|-		\|-
	\| '''Author''' \|\| {{{author}}}		\| '''Author''' \|\| {{{author}}}
	}}		}}
	{{#if:{{{version\|}}}\|		{{#if:{{{version\|}}}\|
	\|-		\|-
	\| '''Version''' \|\| {{{version}}}		\| '''Version''' \|\| {{{version}}}

Utsuho: oops

2025-07-10T09:06:50Z

oops

← Older revision		Revision as of 09:06, 10 July 2025
Line 46:		Line 46:
	\|}		\|}
	</includeonly>		</includeonly>
	~~{{Infobox~~
	~~\| title = Infobox Example~~
	~~\| image = Example.jpg~~
	~~\| image_alt = An example image~~
	~~\| image_caption = Caption for example image~~
	~~\| type = Software Project~~
	~~\| date = 2025-07-10~~
	~~\| location = Internet~~
	~~\| domain = example.com~~
	~~\| domain_url = https://example.com~~
	~~\| website = https://example.com~~
	~~\| description = This is a colorful infobox with customizable colors and width.~~
	~~\| retired = No~~
	~~\| author = Jane Doe~~
	~~\| version = 1.0.0~~
	~~\| border-color = #4A90E2~~
	~~\| background-color = #E6F0FA~~
	~~\| title-background-color = #357ABD~~
	~~\| title-text-color = #FFFFFF~~
	~~\| width = 350px~~
	~~\| clear = right~~
	}}

Utsuho: infobox

2025-07-10T09:05:48Z

infobox

Show changes

Utsuho: infobox

2025-07-10T08:58:31Z

infobox

Show changes

Utsuho: Created page with "{{Infobox | title = Example Infobox | content =
The content of an '''Infobox''' is just regular WikiText!
| width = 100px }} The Infobox template allows you to create boxes with arbitrary content which float at the right side of an article. This is useful for adding illustrations, tables, and asides without disrupting the flow of the main text. ==How to use the `{{Infobox}}` template== * width: CSS width property * clear: C..."

2025-07-07T02:06:28Z

Created page with "<noinclude>{{Infobox | title = Example Infobox | content = <p> The content of an '''Infobox''' is just regular WikiText! </p> | width = 100px }} The Infobox template allows you to create boxes with arbitrary content which float at the right side of an article. This is useful for adding illustrations, tables, and asides without disrupting the flow of the main text. ==How to use the <code><nowiki>{{Infobox}}</nowiki></code> template== * width: CSS width property * clear: C..."

New page

<noinclude>{{Infobox
| title = Example Infobox
| content = <p> The content of an '''Infobox''' is just regular WikiText! </p>
| width = 100px
}}
The Infobox template allows you to create boxes with arbitrary content which float at the right side of an article. This is useful for adding illustrations, tables, and asides without disrupting the flow of the main text.
==How to use the <code><nowiki>{{Infobox}}</nowiki></code> template==
* width: CSS width property
* clear: CSS clear property
* background-colour: CSS background colour for Infobox title
* text-colour: CSS text colour for Infobox title
* border-colour: CSS border colour for Infobox.
* title: title for the Infobox
* content: content for the Infobox
==Tips==
* Separate blocks of text using the <code><p></code> tag.
* If you want to include an image, put it at the very beginning of <code>content</code>.
* The stylesheet is [[/styles.css|here]].
</noinclude><includeonly><templatestyles src="Infobox/styles.css"/><nowiki/>
<div class="ec-infobox" style="border-color: {{{border-colour}}}; clear: {{{clear}}}"}}>
<div class="ec-infobox-title" style="background-color: {{{background-colour|}}}; color: {{{text-colour|}}}">{{{title}}}</div>
<div class="ec-infobox-content" style="width: {{{width}}}; aspect-ratio: {{{aspect-ratio}}}">{{{content}}}</div>
</div><nowiki/>
</includeonly>

← Older revision		Revision as of 09:06, 10 July 2025
Line 46:		Line 46:
	\|}		\|}
	</includeonly>		</includeonly>
	~~{{Infobox~~
	~~\| title = Infobox Example~~
	~~\| image = Example.jpg~~
	~~\| image_alt = An example image~~
	~~\| image_caption = Caption for example image~~
	~~\| type = Software Project~~
	~~\| date = 2025-07-10~~
	~~\| location = Internet~~
	~~\| domain = example.com~~
	~~\| domain_url = https://example.com~~
	~~\| website = https://example.com~~
	~~\| description = This is a colorful infobox with customizable colors and width.~~
	~~\| retired = No~~
	~~\| author = Jane Doe~~
	~~\| version = 1.0.0~~
	~~\| border-color = #4A90E2~~
	~~\| background-color = #E6F0FA~~
	~~\| title-background-color = #357ABD~~
	~~\| title-text-color = #FFFFFF~~
	~~\| width = 350px~~
	~~\| clear = right~~
	}}