Template:Infobox: Difference between revisions

From Glue3D Wiki, the free encygluepedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<includeonly>
<includeonly>
{| class="infobox" style="width: 300px; float: right; clear: right; margin: 0 0 1.5em 1.5em; border: 1px solid rgba(0, 0, 0, 0.45); background: var(--light-bg, #ffffff85); font-size: 0.83em; line-height: 14px; color: var(--text-color, #143A42); border-collapse: separate; border-spacing: 0; border-radius: 3px; font-family: var(--font-family, verdana, sans-serif);"
<infobox layout="stacked">
|-
    <title source="title">
! colspan="2" style="background: var(--gradient-bg, linear-gradient(#BEE8ED, #52A1AC 75%, #61BFCC)); color: var(--text-color, #143A42); font-weight: bold; font-size: 1.2em; padding: 8px; text-align: center; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.45);" | {{{title|{{PAGENAME}}}}}
        <default>{{PAGENAME}}</default>
{{#if:{{{image|}}}|{{!}}-
    </title>
{{!}} colspan="2" style="text-align: center; padding: 12px; background: rgba(255, 255, 255, 0.3);" {{!}} [[File:{{{image}}}|250px|center]]
   
}}
    <image source="image">
{{#if:{{{caption|}}}|{{!}}-
        <caption source="caption"/>
{{!}} colspan="2" style="text-align: center; font-size: 0.9em; padding: 0 8px 8px 8px; color: var(--hover-color, #15526B); font-style: italic;" {{!}} {{{caption}}}
    </image>
}}
   
{{#if:{{{author|}}}|{{!}}-
    <data source="author">
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Author
        <label>Author</label>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{author}}}
    </data>
}}
    <data source="developer">
{{#if:{{{developer|}}}|{{!}}-
        <label>Developer</label>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Developer
    </data>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{developer}}}
    <data source="type">
}}
        <label>Type</label>
{{#if:{{{type|}}}|{{!}}-
    </data>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Type
    <data source="irelease">
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{type}}}
        <label>Initial release</label>
}}
    </data>
{{#if:{{{irelease|}}}|{{!}}-
    <data source="srelease">
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Initial release
        <label>Stable release</label>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{irelease}}}
    </data>
}}
    <data source="prelease">
{{#if:{{{srelease|}}}|{{!}}-
        <label>Preview release</label>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Stable release
    </data>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{srelease}}}
    <data source="status">
}}
        <label>Status</label>
{{#if:{{{prelease|}}}|{{!}}-
    </data>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Preview release
    <data source="writtenin">
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{prelease}}}
        <label>Written in</label>
}}
    </data>
{{#if:{{{status|}}}|{{!}}-
    <data source="os">
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Status
        <label>Operating system</label>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{status}}}
    </data>
}}
    <data source="platform">
{{#if:{{{writtenin|}}}|{{!}}-
        <label>Platform</label>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Written in
    </data>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{writtenin}}}
    <data source="size">
}}
        <label>Size</label>
{{#if:{{{os|}}}|{{!}}-
    </data>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Operating system
    <data source="website">
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{os}}}
        <label>Website</label>
}}
    </data>
{{#if:{{{platform|}}}|{{!}}-
    <data source="license">
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Platform
        <label>License</label>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{platform}}}
    </data>
}}
    <data source="repository">
{{#if:{{{size|}}}|{{!}}-
        <label>Repository</label>
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Size
    </data>
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{size}}}
</infobox>
}}
{{#if:{{{website|}}}|{{!}}-
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Website
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{website}}}
}}
{{#if:{{{license|}}}|{{!}}-
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} License
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{license}}}
}}
{{#if:{{{repository|}}}|{{!}}-
! style="background: var(--gradient-bg, #BEE8ED); color: var(--text-color, #143A42); font-weight: bold; padding: 6px 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15);" {{!}} Repository
{{!}} style="padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.4);" {{!}} {{{repository}}}
}}
|}
</includeonly>
</includeonly>



Revision as of 12:13, 29 May 2026




On the left side of the page, there's an example from the Glue3D article on how it looks like.

This is an Infobox template with all of the available information. Use it on articles like this:

{{Infobox
| title = 
| image = 
| author = 
| developer = 
| initial release = 
}}