Welcome to the DFO World Wiki. With many major updates since the release of DFO, many items are missing. Visit Item Database Project to learn more.
Please remember to click "show preview" before saving the page.
Thanks for the updated logo snafuPop!

Difference between revisions of "Template:Banner"

From DFO World Wiki
Jump to: navigation, search
(Created page with "{{#css:User:Dfoplayer/EtchASketch.css}} <div class="banner-image nomobile js-proportonal-resize"> <div class="mainpage-shadowbox banner-box-2 banner-box-{{{direction}}}" {{#if...")
 
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:User:Dfoplayer/EtchASketch.css}}
+
{{#css:Template:Banner.css}}
 
<div class="banner-image nomobile js-proportonal-resize">
 
<div class="banner-image nomobile js-proportonal-resize">
<div class="mainpage-shadowbox banner-box-2 banner-box-{{{direction}}}" {{#if:{{{width|}}}|style="width:{{{width}}}"}}>
+
<div class="mainpage-shadowbox banner-box-2 banner-box-{{{direction}}}" >
<div class="quote">[[{{{quote}}}]]</div>
+
</div>[[File:{{{image}}}|frameless|{{#if:{{{width|}}}|<!--dfoplayer. If width is defined-->{{{width}}}px|}}{{#if:{{{height|}}}|<!--dfoplayer. If height is defined-->x{{{height}}}px|}}]]</div>
</div>[[File:{{{image}}}|frameless|200px|]]</div>
 
 
{{{quote}}}
 
{{{quote}}}
 +
<noinclude>
 +
Usage:
 +
<pre>
 +
{{banner
 +
|direction=Left or right
 +
|image=File name of image, with extension. E.g: jpg, png
 +
|quote=Short description of the image
 +
|width=Optional. Accepted values are numbers only. Do not put "100px", just "100".
 +
|height=Optional. Accepted values are numbers only. Do not put "x100px", just "100".
 +
}}
 +
</pre>
 +
It is recommended to specify the width or the height in then evet of large images.
 +
[[Category:Formatting Templates]]</noinclude>

Latest revision as of 07:50, 23 May 2016

{{{quote}}}

Usage:

{{banner
|direction=Left or right
|image=File name of image, with extension. E.g: jpg, png
|quote=Short description of the image
|width=Optional. Accepted values are numbers only. Do not put "100px", just "100". 
|height=Optional. Accepted values are numbers only. Do not put "x100px", just "100".
}}

It is recommended to specify the width or the height in then evet of large images.