Jump to content

Template:ImageBlock

From SpinetiX Wiki

Template documentation

This template displays a distinctive content block with an image, title, and description.

It accepts the following parameters:

  • image
    Use a [[File:image.png]] notation.
  • title
    Text written on top of the image (or at the bottom if reverse is used).
  • description
    Text displayed under the image or on top if reverse is used.
  • class
    Additional CSS class. To reverse the order of the inner blocks, use class=reverse .
  • cssStyle
    Additional block styling provided as CSS code.


The entire section is styled with the "imageBlock" class, defined in Common.css.

Examples

1. Image with title and description

{{ImageBlock|image=[[File:SpinetiX_players_4th_generation.jpg|320px]]|title=[[HMP400]] and [[HMP400W]]|description=These models are part of the fourth generation of SpinetiX players.}}
These models are part of the fourth generation of SpinetiX players.


2. Image with title, no description, reversed, and floated right

{{ImageBlock | image=[[File:SpinetiX_players_4th_generation.jpg|320px]] | title=[[HMP400]] and [[HMP400W]] | class=reverse | cssStyle=float:right }}{{clear}}

3. Two adjacent image blocks, one with fixed size

{{ImageBlock|image=[[File:SpinetiX_players_4th_generation.jpg|320px]]|title=[[HMP400]] and [[HMP400W]]|description=These models are part of the fourth generation of SpinetiX players.}}
{{ImageBlock|image=[[File:SpinetiX_players_3rd_generation.jpg|200px|[[HMP350]] and [[HMP300]] players]]|description=These models are part of the fourth generation of SpinetiX players.|cssStyle=width:220px;}}
These models are part of the fourth generation of SpinetiX players.
HMP350 and HMP300 players
These models are part of the third generation of SpinetiX players.

See also