Difference between revisions of "Template:ImageText"

From Beasts of Bermuda
Jump to: navigation, search
m (Formatted page. Dependent on the Template:Icon which seems to not work 100%)
m (Added Category)
 
Line 78: Line 78:
 
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}
 
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}
  
 +
[[Category: Templates]]
 
</noinclude>
 
</noinclude>

Latest revision as of 20:20, 24 November 2024


Description

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.

Usage

The standard width and height is 100.

{{ ImageText | file:Nesting_MAINPAGE.png | Nesting }} 
{{ ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ ImageText | The Elements.png | Just a test with very very long text }}

Results:

Nesting

Nesting


Enhanced Growth

Enhanced Growth


Just a test with very very long text

Just a test with very very long text


Limiting Width

This may cause the text to overflow as seen here:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}

Result:

Nesting

Nesting


Enhanced Growth

Enhanced Growth


Limiting Height

Limiting height only:

{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}

Result:

Nesting

Nesting


Enhanced Growth

Enhanced Growth


Limiting Width and Height

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}

Result:

Nesting

Nesting


Enhanced Growth

Enhanced Growth


Font Size

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

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}

Result:

Nesting

Nesting


Enhanced Growth

Enhanced Growth