Tattecko at 22:39, 6 March 2026

2026-03-06T22:39:35Z

← Older revision		Revision as of 22:39, 6 March 2026
Line 3:		Line 3:

	<div class="ooo-step__title">		<div class="ooo-step__title">
	<span class="ooo-step__number">*{{{number\|}}}</span> — {{{title\|}}}		<span class="ooo-step__number">{{{number\|}}}</span> — {{{title\|}}}
	</div>		</div>

Tattecko at 22:39, 6 March 2026

2026-03-06T22:39:09Z

← Older revision		Revision as of 22:39, 6 March 2026
Line 3:		Line 3:

	<div class="ooo-step__title">		<div class="ooo-step__title">
	<span class="ooo-step__number">~~Step~~ {{{number\|}}}</span> — {{{title\|}}}		<span class="ooo-step__number">*{{{number\|}}}</span> — {{{title\|}}}
	</div>		</div>

Tattecko: Created page with "

Step {{{number|}}} — {{{title|}}}

{{#if:{{{image|}}}|
140px
}}
{{{text|}}}

== OOO Step Template == Displays a structured step used in guides and tutorials. An optional image can be added..."

2026-03-04T13:37:11Z

Created page with "<includeonly> <div class="ooo-step"> <div class="ooo-step__title"> <span class="ooo-step__number">Step {{{number|}}}</span> — {{{title|}}} </div> <div class="ooo-step__body"> {{#if:{{{image|}}}| <div class="ooo-step__image"> [[File:{{{image}}}|140px]] </div> }} <div class="ooo-step__content"> {{{text|}}} </div> </div> </div> </includeonly><noinclude> == OOO Step Template == Displays a structured step used in guides and tutorials. An optional image can be added..."

New page

<includeonly>
<div class="ooo-step">

<div class="ooo-step__title">
<span class="ooo-step__number">Step {{{number|}}}</span> — {{{title|}}}
</div>

<div class="ooo-step__body">

{{#if:{{{image|}}}|
<div class="ooo-step__image">
[[File:{{{image}}}|140px]]
</div>
}}

<div class="ooo-step__content">
{{{text|}}}
</div>

</div>
</div>
</includeonly><noinclude>

== OOO Step Template ==

Displays a structured step used in guides and tutorials.
An optional image can be added to visually demonstrate the step.

Images will display as small thumbnails and **expand when hovered**.

=== Usage ===

<syntaxhighlight lang="wiki">
{{OOO-Step
| number = 1
| title = Build Generator
| text = Place a power generator near your mining area.
| image = Generator.png
}}
</syntaxhighlight>

The image parameter is optional.

----

=== Example ===

{{OOO-Step
| number = 1
| title = Build Generator
| text = Place a power generator near your mining area.
| image = Example.jpg
}}

{{OOO-Step
| number = 2
| title = Connect Power
| text = Use cables to link the generator to machines.
}}

{{OOO-Step
| number = 3
| title = Start Conveyor
| text = Attach conveyors to transport materials automatically.
}}

----

=== Notes ===

• Image filename should be written **without the `File:` prefix**.
• Images automatically scale to a small preview and **zoom on hover**.
• Works with both **light and dark themes**.

----

<templatedata>
{
"description": "Displays a numbered step used in guides or tutorials with an optional image.",
"params": {
"number": {
"label": "Step number",
"description": "Number of the step in the guide.",
"type": "number",
"required": true,
"example": "1"
},
"title": {
"label": "Step title",
"description": "Short title describing the step.",
"type": "string",
"required": true,
"example": "Build Generator"
},
"text": {
"label": "Step description",
"description": "Detailed explanation of the step.",
"type": "content",
"required": true,
"example": "Place a power generator near your mining area."
},
"image": {
"label": "Image",
"description": "Optional image filename (without 'File:').",
"type": "string",
"required": false,
"example": "Generator.png"
}
}
}
</templatedata>

</noinclude>

Template:OOO-Step - Revision history

Tattecko at 22:39, 6 March 2026

Tattecko at 22:39, 6 March 2026

Tattecko: Created page with " Step {{{number|}}} — {{{title|}}} {{#if:{{{image|}}}| 140px }} {{{text|}}} == OOO Step Template == Displays a structured step used in guides and tutorials. An optional image can be added..."

Tattecko: Created page with "

Step {{{number|}}} — {{{title|}}}

{{#if:{{{image|}}}|
140px
}}
{{{text|}}}

== OOO Step Template == Displays a structured step used in guides and tutorials. An optional image can be added..."