Jump to content

Template:OOO-Step: Difference between revisions

From Out of Ore Wiki
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..."
 
mNo edit summary
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>



Revision as of 22:39, 6 March 2026


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

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

The image parameter is optional.


Example

*1 — Build Generator

Place a power generator near your mining area.


*2 — Connect Power


Use cables to link the generator to machines.


*3 — Start Conveyor


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**.


Displays a numbered step used in guides or tutorials with an optional image.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Step numbernumber

Number of the step in the guide.

Example
1
Numberrequired
Step titletitle

Short title describing the step.

Example
Build Generator
Stringrequired
Step descriptiontext

Detailed explanation of the step.

Example
Place a power generator near your mining area.
Contentrequired
Imageimage

Optional image filename (without 'File:').

Example
Generator.png
Stringoptional