Difference between revisions of "Template:Card with description"

From The Fansus
Jump to: navigation, search
 
(3 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<div style="height: 90px; margin-bottom: 26px; overflow: hidden; width: 90px; position: relative; right: 30px; top: 5px; border: solid 2px #000000; border-radius: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); transform: rotate(-4deg); z-index: 10;">{{#ifexist: {{{image|}}} | [[{{{image}}}|90x90px]] | [[File:FNORD.png|90x90px|link=]] }}</div>
 
<div style="height: 90px; margin-bottom: 26px; overflow: hidden; width: 90px; position: relative; right: 30px; top: 5px; border: solid 2px #000000; border-radius: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); transform: rotate(-4deg); z-index: 10;">{{#ifexist: {{{image|}}} | [[{{{image}}}|90x90px]] | [[File:FNORD.png|90x90px|link=]] }}</div>
 
<div style="font-family: 'Philosopher', serif; font-size: 24px; font-weight: 900; height: 24px; line-height: 1; position: absolute; top: 5px; left: 75px;">{{{title}}}</div>
 
<div style="font-family: 'Philosopher', serif; font-size: 24px; font-weight: 900; height: 24px; line-height: 1; position: absolute; top: 5px; left: 75px;">{{{title}}}</div>
<div style="height 100px; overflow: hidden; position: absolute; top: 35px; left: 75px; font-family: 'Philosopher', serif; font-size: 18px; font-weight: normal; color: #64A9A4; line-height: 1.1;">{{{description}}}</div>
+
<div style="height 100px; width: 470px; overflow: hidden; position: absolute; top: 35px; left: 75px; font-family: 'Philosopher', serif; font-size: 18px; font-weight: normal; color: #64A9A4; line-height: 1.1;">{{{description}}}</div>
<div style="background-color: #ddd5be; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-sizing: border-box; display: flex; flex-direction: row-reverse; height: 46px; padding: 7px; position: relative;">{{Aspect|{{{Aspect1}}}||30}}</div>
+
<div style="background-color: #ddd5be; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-sizing: border-box; display: flex; flex-direction: row-reverse; height: 46px; padding: 7px; position: relative;">{{Aspect|{{{Aspect1}}}|{{{quantity}}}|30}}{{#if:{{{Aspect2|}}}|<div style="padding-right: 5px">{{Aspect|{{{Aspect2}}}|{{{quantity2}}}|30}}</div>}}</div>
 
</div>
 
</div>
 
</includeonly>
 
</includeonly>
 
<noinclude>
 
<noinclude>
 +
<pre>{{Card with description
 +
| image      =
 +
| title      =
 +
| description =
 +
| Aspect1    =
 +
| quantity    =
 +
| Aspect2    =
 +
| quantity2  =
 +
}}</pre>
 +
 
example card:
 
example card:
 +
{{Card with description
 +
| image      = File:Neville.png
 +
| title      = Neville, an acquaintance
 +
| description = Neville pauses before he speaks, and flinches easily. He laughs whenever he thinks you've made a joke. [You might be able to recruit this acquaintance as a follower.]
 +
| Aspect1    = Knock
 +
| quantity    = 3
 +
| Aspect2    = Moth
 +
| quantity2  = 5
 +
}}
  
stuff here
+
<pre>{{Card with description
 +
| image      =
 +
| title      =
 +
| description =
 +
| Aspect1    =
 +
| quantity    =
 +
}}</pre>
  
testing positoning
 
 
{{Card with description
 
{{Card with description
 
| image      = File:Neville.png
 
| image      = File:Neville.png
 
| title      = Neville, an acquaintance
 
| title      = Neville, an acquaintance
 
| description = Neville pauses before he speaks, and flinches easily. He laughs whenever he thinks you've made a joke. [You might be able to recruit this acquaintance as a follower.]
 
| description = Neville pauses before he speaks, and flinches easily. He laughs whenever he thinks you've made a joke. [You might be able to recruit this acquaintance as a follower.]
| Aspect1    = Moth
+
| Aspect1    = Knock
 +
| quantity    = 3
 
}}
 
}}
 
wip i am testing the positioning of text vs the positioning of this horrendous monstrosity i have crafted</noinclude>
 

Latest revision as of 06:48, 18 July 2018


{{Card with description
| image       =
| title       =
| description =
| Aspect1     =
| quantity    =
| Aspect2     =
| quantity2   =
}}

example card:

FNORD.png
Neville, an acquaintance
Neville pauses before he speaks, and flinches easily. He laughs whenever he thinks you've made a joke. [You might be able to recruit this acquaintance as a follower.]
Knock3
Moth5


{{Card with description
| image       =
| title       =
| description =
| Aspect1     =
| quantity    =
}}
FNORD.png
Neville, an acquaintance
Neville pauses before he speaks, and flinches easily. He laughs whenever he thinks you've made a joke. [You might be able to recruit this acquaintance as a follower.]
Knock3