Mall:Ramfri bild med bildtext

Bildtext

Mallen kan användas för att visa en bild utan ram med bildtext. Detta är särskilt användbart med ett SVG-diagram eller en bild med vit/transparent bakgrund. Den kan användas på följade sätt:

{{Ramfri bild med bildtext|image=Example.svg|caption=Bildtext |width=250px|align=right|caption position=bottom}}

eller i förkortad form:

{{Ramfri bild med bildtext|Example.svg|Bildtext|250px|right|bottom}}

Parametrarna image och caption är de enda som måste anges.
När du använder den förkortade formen, tänk på den korrekta ordningen på parametrarna.
Vid triangle=triangle och caption position=bottom:
- för att öka den vänstra marginalen på bildtexten (i em), använd parametern shift.
- för att öka bildtextens övre marginal (i em), använd parametern shiftvert.

Parameter	Standardvärde	Tillåtna värden
image	obligatorisk	bildfil ("Fil:" eller "Bild:" ska utelämnas)
caption	obligatorisk	önskad bildtext
width	220px	pixelbredd ("px" kan utelämnas)
height	none	pixelhöjd ("px" kan utelämnas)
align	right	left, center, right, none
caption position	bottom	top, bottom
triangle	none	triangle, none
triangle color	#ff0080	valfri CSS-färgkod

Exempel

Parametern triangle ger möjlighet att placera en färgad triangel bredvid bildtexten som pekar på bilden.

Notera den lilla triangeln som pekar mot bilden.

Detta är James Webb Space Telescope.

Bilden av teleskopet erhålls med:

{{Ramfri bild med bildtext|image=James Webb Space Telescope Mirror37.jpg|caption=Detta är ''James Webb Space Telescope''. |caption position=top |width=350px|align=left|triangle=triangle|triangle color=#0000ff}}.

Specialexempel

Parametern image override ger möjligheten att ersätta bilden med html-kod, t.ex. för att åstadkomma bildöverlappningar. Se mer i malldokumentationen på engelskspråkiga Wikipedia.


Den här		...och den här

...kan överlappas.

Överlappningen erhålls med:

{{Ramfri bild med bildtext|Blank.svg|...kan överlappas.|280|right|bottom|triangle|#3cb14d|shift=8|image override=
<div style="float: right; position: relative; width: 280px; height: 280px;">
  <div style="float: right; position: absolute; width: 280px;">[[Fil:Helical granum.png|280px]]</div> 
  <div style="float: right; position: absolute; width: 280px;">[[Fil:Granum labels.svg|280px]]</div>
</div>
}}