Template:ImageText - Revision history

Administrator: Protected "Template:ImageText": Is used by core parts of the system ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2025-05-09T19:41:20Z

Protected "Template:ImageText": Is used by core parts of the system ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

← Older revision		Revision as of 20:41, 9 May 2025
(No difference)

Administrator: test?

2024-12-10T05:47:59Z

test?

← Older revision		Revision as of 06:47, 10 December 2024
Line 3:		Line 3:
	>[[File:{{trim\|{{{1}}}}}\|{{{w\|100}}}x{{{h\|100}}}px\|{{trim\|{{{2}}}}}\|link={{{link\|}}}]]</div>		>[[File:{{trim\|{{{1}}}}}\|{{{w\|100}}}x{{{h\|100}}}px\|{{trim\|{{{2}}}}}\|link={{{link\|}}}]]</div>
	<div class="straftat-wiki-imagetext-text" style="width: {{{w\|100}}}px; text-align: center; {{#if: {{{font size\|}}} \| font-size: {{{font size}}}; }}"		<div class="straftat-wiki-imagetext-text" style="width: {{{w\|100}}}px; text-align: center; {{#if: {{{font size\|}}} \| font-size: {{{font size}}}; }}"
	>{{#if: {{{link\|}}} \| [[{{{link}}}\|{{trim\|{{{2}}}}}]] \| {{trim\|{{{2}}}}} }}</div>		>{{#if: {{{link\|}}} \| {{#ifeq: {{#invoke:String\|find\|source={{{link}}}\|target=^https?://}} \| 0 \| [[{{{link}}}{{!}}{{trim\|{{{2}}}}}]] \| [{{{link}}} {{trim\|{{{2}}}}}] }} \| {{trim\|{{{2}}}}} }}</div>
	</div></includeonly><noinclude>		</div></includeonly><noinclude>
	This template allows you to add images on top of a piece of text.		This template allows you to add images on top of a piece of text.

Administrator: basic

2024-12-09T22:51:51Z

basic

New page

<includeonly><div class="straftat-wiki-imagetext" style="display: inline-table; margin: 5px;">
<div class="straftat-wiki-imagetext-image" style="display: flex; justify-content: center; align-items: center; width: {{{w|100}}}px; height: {{{h|100}}}px;"
>[[File:{{trim|{{{1}}}}}|{{{w|100}}}x{{{h|100}}}px|{{trim|{{{2}}}}}|link={{{link|}}}]]</div>
<div class="straftat-wiki-imagetext-text" style="width: {{{w|100}}}px; text-align: center; {{#if: {{{font size|}}} | font-size: {{{font size}}}; }}"
>{{#if: {{{link|}}} | [[{{{link}}}|{{trim|{{{2}}}}}]] | {{trim|{{{2}}}}} }}</div>
</div></includeonly><noinclude>
This template allows you to add images on top of a piece of text.

The element will be an inline block, meaning several can appear in one line. You can give them all a specific width and height to get a nice consistent layout.

----

Standard width/height is 100:

<pre>
{{ImageText | AK.png | AK }}
{{ImageText | GLock.png | Glock }}
{{ImageText | Prophet.png | Just a test with very very long text }}
</pre>

Result:

{{ImageText | AK.png | AK }}
{{ImageText | GLock.png | Backgrounds }}
{{ImageText | Prophet.png | Just a test with very very long text }}

----

Limiting width only; note this may cause the text to overflow as seen here:

<pre>
{{ImageText | AK.png | AK | w = 50 }}
{{ImageText | GLock.png | Glock | w = 50 }}
</pre>

Result:

{{ImageText | AK.png | AK | w = 50 }}
{{ImageText | GLock.png | Glock | w = 50 }}

----

Limiting height only:

<pre>
{{ImageText | AK.png | AK | h = 50 }}
{{ImageText | GLock.pngg | Glock | h = 50 }}
</pre>

Result:

{{ImageText | AK.png | AK | h = 50 }}
{{ImageText | GLock.png | Glock | h = 50 }}

----

Limiting width and height:

<pre>
{{ImageText | AK.png | AK | w = 50 | h = 50 }}
{{ImageText | GLock.png | Glock | w = 50 | h = 50 }}
</pre>

Result:

{{ImageText | AK.png | AK | w = 50 | h = 50 }}
{{ImageText | GLock.png | Glock | w = 50 | h = 50 }}

----

You might have noticed the text is often too wide for the icon... You can specify a font size:

<pre>
{{ImageText | AK.png | AK | w = 80 | h = 80 | font size = 80% }}
{{ImageText | GLock.png | Glock | w = 80 | h = 80 | font size = 80% }}
</pre>

Result:

{{ImageText | AK.png | AK | w = 80 | h = 80 | font size = 80% }}
{{ImageText | GLock.png | Glock | w = 80 | h = 80 | font size = 80% }}

</noinclude>