Difference between revisions of "Template:Portal geo"

From Wayne County, Ohio Online Resource Center
Jump to navigation Jump to search
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="portal-geo bg-{{#replace:{{lc:{{{title|}}}}}| |-}}">{{#widget:geo bg|title=bg-{{#replace:{{lc:{{{title|}}}}}| |-}}|bg-image={{filepath:{{{image|}}}}}}}
+
<includeonly>[[{{{link|{{{title|Main Page}}}}}}|<span class="portal-geo bg-{{#replace:{{lc:{{{title|Title}}}}}| |-}}">{{#widget:geo bg|title=bg-{{#replace:{{lc:{{{title|}}}}}| |-}}|bgimage={{filepath:{{{image|Wooster map geo.png}}}}}}}<span class="portal-geo-label" style="{{#if:{{{badge|}}}||height:30%}}">{{{title|Title}}}</span><!--
<div class="portal-geo-label">{{{title|Title}}}</div>
+
-->{{#if: {{{badge|}}}|<span class="portal-geo-badge"><span>{{{badge|}}}</span></span>}}</span>]]
<div class="portal-geo-badge"><span>{{{badge|Badge}}}</span></div>
+
</includeonly><noinclude>
 +
;Description
 +
Creates a location thumb. Intended to be used inside <code>.portal-content</code> container. Use square shaped images for the best results.
 +
 
 +
;Usage
 +
<pre>
 +
{{Portal geo
 +
|title=    # Short text
 +
|badge=    # Short text
 +
|image=    # Image name
 +
|link=    # Page name to link. Defaults to title, and if no title provided, falls back to Main Page
 +
}}
 +
</pre>
 +
 
 +
;Example
 +
<pre>
 +
<div class="portal-content">
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 
</div>
 
</div>
</includeonly>
+
</pre>
 +
 
 +
;Result
 +
<div class="portal-content">
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
</div>
 +
 
 +
;Description
 +
Creates a location thumb. Intended to be used inside <code>.portal-content</code> container. Use square shaped images for the best results.
 +
 
 +
;Usage
 +
<pre>
 +
{{Portal geo
 +
|title=    # Short text
 +
|badge=    # Short text
 +
|image=    # Image name
 +
}}
 +
</pre>
 +
 
 +
;Example
 +
<pre>
 +
<div class="portal-content">
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
</div>
 +
</pre>
 +
 
 +
;Result
 +
<div class="portal-content">
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
{{Portal geo
 +
|title=Wooster
 +
|badge=26.1
 +
|image=Wooster map geo.png
 +
}}
 +
</div>
 +
</noinclude>

Latest revision as of 16:23, 1 March 2022

Description

Creates a location thumb. Intended to be used inside .portal-content container. Use square shaped images for the best results.

Usage
{{Portal geo
|title=    # Short text
|badge=    # Short text
|image=    # Image name
|link=     # Page name to link. Defaults to title, and if no title provided, falls back to Main Page
}}
Example
<div class="portal-content">
{{Portal geo
|title=Wooster
|badge=26.1
|image=Wooster map geo.png
}}
{{Portal geo
|title=Wooster
|badge=26.1
|image=Wooster map geo.png
}}
{{Portal geo
|title=Wooster
|badge=26.1
|image=Wooster map geo.png
}}
</div>
Result
Description

Creates a location thumb. Intended to be used inside .portal-content container. Use square shaped images for the best results.

Usage
{{Portal geo
|title=    # Short text
|badge=    # Short text
|image=    # Image name
}}
Example
<div class="portal-content">
{{Portal geo
|title=Wooster
|badge=26.1
|image=Wooster map geo.png
}}
{{Portal geo
|title=Wooster
|badge=26.1
|image=Wooster map geo.png
}}
{{Portal geo
|title=Wooster
|badge=26.1
|image=Wooster map geo.png
}}
</div>
Result