Template:Quote2: Difference between revisions

From Subnautica Wiki
(Trying to fix the picture)
Tag: sourceedit
(New View!)
Tag: sourceedit
Line 1: Line 1:
<includeonly>
<div class="quote" style="position:relative;width:50%;background: #091826;padding:3px 24px 3px 0;border-radius:5px;z-index:1; margin-bottom:10px;"><span class="hoverimage" style="position:absolute;left:0px;top:0px;z-index:-1;">[[File:Log-129.png]]</span>
<div class="image" style=" background: #061522;
:<span style="margin-left:0px;" {{#if:{{{3|}}}|title="Source:&nbsp;{{{3}}}"|}}>''"{{{1}}}"''</span>
border: 1.5px solid #0f5376;
:<span style="padding-left:0px;z-index:1;"> &#8213;{{{2}}}{{#if:{{{3|}}}|, [[{{{3|}}}]]}}</span></div><noinclude>
border-radius: 40px;

box-shadow: inset 0 0 30px 2px #063e5a;
==Usage instructions==
box-sizing: border-box;
<pre><nowiki>{{Quote2|quote|attribution|source}}</nowiki></pre>
color: #fff;

padding: 20px 30px 20px 90px;
*If any text is assigned to the ''source'' field, it will be rendered as a browser [[Wikipedia:Tooltip|tooltip]].
position: relative;

max-width: 380px;
==Example==
margin: 0 0 1em;
====Code====
min-height: 94px;">
<code><nowiki>{{Quote2|Broadcasting of automated short-range distress signal failed. Life pod communications relay offline. |Intro}}</nowiki></code>
<div class="icon" style=" position: absolute;

left: 5px;
====Result====
top: 50%;
{{Quote2|Broadcasting of automated short-range distress signal failed. Life pod communications relay offline. |Intro}}
margin-top: -35px;">[[File:QuoteBar.png]]</div>

<div class="icon" style=" position: absolute;
[[Category:Templates|{{PAGENAME}}]]</noinclude>
left: 30px;
top: 50%;
margin-top: -25px;">[[File:TestQuoteIcon.png]]</div>
<div class="content">
<p style=" margin: 0 0 .6em;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;" {{#if:{{{3|}}}|title="Source:&nbsp;{{{3}}}"|}}>
''{{#ifexist: {{{1|}}}|[[{{{1|ERROR: Text is not in input and is missing!}}}]]|{{{1|ERROR: Text is not in input and is missing!}}}}}''</p>
<p style=" margin: 0 0 .6em;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;">
&#8213; {{#ifexist:{{{2|}}}|[[{{{2|Unknown}}}]]|{{{2|Unknown}}}}}{{#if:{{{3|}}}|, [[{{{3}}}|{{#ifexist: {{{4|}}}|{{{4|{{{3}}}}}}|{{{4|{{{3}}}}}}}}]]}}</p></div>
<div class="icon" style=" position: absolute;
right: 6px;
top: 50%;
transform: rotate(180deg);
margin-top: -35px;">[[File:QuoteBar.png]]
</div>
</div>
</includeonly>
<noinclude>
{{Documentation}}
</noinclude>

Revision as of 00:42, 17 May 2017


Usage instructions

{{Quote2|quote|attribution|source}}
  • If any text is assigned to the source field, it will be rendered as a browser tooltip.

Example

Code

{{Quote2|Fresh Quote!|Creator|TheyCallMeSpy}}
{{Quote2|This is designed for PDA pop-up logs. And it can expand! Sound cool?|Creator|TheyCallMeSpy}}
{{Quote2|Stalker, come to bite this shiny thing!|Stalker}}
{{Quote2|Detecting an extended debris field.|Dialogue}}

Result

QuoteBar.png
TestQuoteIcon.png

Fresh Quote!

― Creator, TheyCallMeSpy

QuoteBar.png


QuoteBar.png
TestQuoteIcon.png

This is designed for PDA pop-up logs. And it can expand! Sound cool?

― Creator, TheyCallMeSpy

QuoteBar.png


QuoteBar.png
TestQuoteIcon.png

Stalker, come to bite this shiny thing!

Stalker

QuoteBar.png


QuoteBar.png
TestQuoteIcon.png

Detecting an extended debris field.

Dialogue

QuoteBar.png