Difference between revisions of "User:FlareKyn/Sandbox2"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>FlareKyn
>FlareKyn
 
(42 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
This is a mock-up of what I intend the finalized version of [[Template:PersonalCollectionIcon]] to be able to do.
+
{{User:FlareKyn/Navi}}
−
{{#invoke:Superimpose|main
+
Mockup of a new template I'm trying to work on.  I also use this page to find positioning data for each image used in the template.
−
| c1=[[File:100002 01 r05.png|link=Elisanne]]
+
{| class="mw-collapsible" cellpadding="5" border="1" style="border-collapse: collapse; text-align: center"
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; text-align: center"><p style="opacity: 1; color: #ffffff; font-weight:bold;">&nbsp;</p></div>
+
|- style="background-image: -moz-linear-gradient(top, #ffffff, #ffffff); background-image: -o-linear-gradient(top, #ffffff, #ffffff); background-image: -webkit-linear-gradient(top, #ffffff, #000000);" class="textfloat"
−
| x2=10
+
| <font color=#FFFFFF>Adventurer</font> || <font color=#FFFFFF>Dragon</font>
−
| y2=121
+
|-
−
| c3=[[File:Icon CircleRelease 02.png|link=Elisanne|22x23px]]
+
| <div style="display:inline-block;position:relative;">[[File:Shadow Icon Background.png|link=Euden]]<!--
−
| x3=95
+
--><div style="pointer-events:none"><!--
−
| y3=127
+
--><div style="position:absolute;bottom:16px;left:16px><!--
−
| c4=<p style="opacity: 1; color: #ffffff; font-weight:bold">Lv. 1</p>
+
--><span style="width:128px; height:128px; overflow:hidden; display:inline-block; border-style: solid; border-width: 0px; border-color:transparent; vertical-align:middle;"><!--
−
| x4=30
+
--><span style="position: relative; left:-100px; top:-50px">[[File:100001 07 base portrait.png|360px]]</span></span></div><!--
−
| y4=121
+
--><div style="display:inline-block;position:absolute;bottom:0;left:0">[[File:Custom Adventurer Icon Frame.png]]</div><!--
−
| c5=<p style="opacity: 1; color: #ffffff; font-weight:bold">0</p>
+
--><div style="display:inline-block;position:absolute;top:10px;left:10px">[[File:Icon Element Shadow.png|30px]]</div><!--
−
| x5=117
+
--><div style="position:absolute;width:100%;bottom:-6%;text-align:center;align-items:center><font color=9b41c9>Healer Euden</font></div><!--
−
| y5=121
+
--><div style="display:inline-block;position:absolute;top:40px;left:12px">[[File:Icon Weapon Staff.png|26px]]</div></div></div> || <div style="display:inline-block;position:relative;">[[File:Light Icon Background.png|link=Andromeda]]<div style="pointer-events:none"><!--
−
| c6=<p style="opacity: 1; color: #f5c831; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+2</big></p>
+
--><div style="position:absolute;bottom:16px;left:16px><!--
−
| x6=143
+
--><span style="width:128px; height:128px; overflow:hidden; display:inline-block; border-style: solid; border-width: 0px; border-color:transparent; vertical-align:middle;"><!--
−
| y6=100}}{{#invoke:Superimpose|main
+
--><span style="position: relative; left:-130px; top:-60px">[[File:210115 01 base portrait.png|400px]]</span></span></div><!--
−
| c1=[[File:110270 01 r05.png|link=Melsa]]
+
--><div style="display:inline-block;position:absolute;bottom:0;left:0">[[File:Custom Dragon Icon Frame.png]]</div><!--
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; text-align: center"><p style="opacity: 1; color: #000000; font-weight:bold;">&nbsp;</p></div>
+
--><div style="display:inline-block;position:absolute;top:10px;left:10px">[[File:Icon Element Light.png|30px]]</div><!--
−
| x2=10
+
--><div style="position:absolute;width:100%;bottom:-6%;text-align:center;align-items:center><font color=9b41c9><font color=fa9a2d>Andromeda</font></div></div></div>
−
| y2=121
+
|}
−
| c3=[[File:Icon CircleRelease 02.png|link=Melsa|22x23px]]
 
−
| x3=91
 
−
| y3=127
 
−
| c4=<p style="opacity: 1; color: #36f2f1; font-weight:bold">Lv. 80</p>
 
−
| x4=26
 
−
| y4=121
 
−
| c5=<p style="opacity: 1; color: #36f2f1; font-weight:bold">50</p>
 
−
| x5=113
 
−
| y5=121
 
−
| c6=<p style="opacity: 1; color: #f5c831; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+27</big></p>
 
−
| x6=143
 
−
| y6=100}}
 
−
{{#invoke:Superimpose|main
 
−
| c1=[[File:100004 01 r05.png|link=Cleo]]
 
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; text-align: center"><p style="opacity: 1; color: #000000; font-weight:bold;">&nbsp;</p></div>
 
−
| x2=10
 
−
| y2=121
 
−
| c3=[[File:Icon CircleRelease 02.png|link=Cleo|22x23px]]
 
−
| x3=91
 
−
| y3=127
 
−
| c4=<p style="opacity: 1; color: #f8c933; font-weight:bold">Lv. 80</p>
 
−
| x4=26
 
−
| y4=121
 
−
| c5=<p style="opacity: 1; color: #fdcc27; font-weight:bold">50</p>
 
−
| x5=113
 
−
| y5=121
 
−
| c6=<p style="opacity: 1; color: #f5c831; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+152</big></p>
 
−
| x6=143
 
−
| y6=100}}{{#invoke:Superimpose|main
 
−
| c1=[[File:100001 01 r05.png|link=The Prince]]
 
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; text-align: center"><p style="opacity: 1; color: #000000; font-weight:bold;">&nbsp;</p></div>
 
−
| x2=10
 
−
| y2=121
 
−
| c3=[[File:Icon CircleRelease 02.png|link=The Prince|22x23px]]
 
−
| x3=91
 
−
| y3=127
 
−
| c4=<p style="opacity: 1; color: #36f2f1; font-weight:bold">Lv. 100</p>
 
−
| x4=23
 
−
| y4=121
 
−
| c5=<p style="opacity: 1; color: #36f2f1; font-weight:bold">70</p>
 
−
| x5=113
 
−
| y5=121
 
−
| c6=<p style="opacity: 1; color: #3de1e0; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+200</big></p>
 
−
| x6=143
 
−
| y6=100}}<br>{{#invoke:Superimpose|main
 
−
| c1=[[File:301122 01 50102.png|link=Absolute Crimson]]
 
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; text-align: center; border-radius: 0px 0px 9px 9px"><p style="opacity: 1; color: #ffffff; font-weight:bold;">&nbsp;</p></div>
 
−
| x2=10
 
−
| y2=121
 
−
| c3=[[File:4 Unbind.png|link=Absolute Crimson]]
 
−
| x3=83
 
−
| y3=126
 
−
| c4=<p style="opacity: 1; color: #36f2f1; font-weight:bold">Lv. 100</p>
 
−
| x4=23
 
−
| y4=121
 
−
| c5=<p style="opacity: 1; color: #3de1e0; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+200</big></p>
 
−
| x5=143
 
−
| y5=100}}{{#invoke:Superimpose|main
 
−
| c1=[[File:400062 02.png|link=Valiant Crown]]
 
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; text-align: center; border-radius: 0px 0px 9px 9px"><p style="opacity: 1; color: #ffffff; font-weight:bold;">&nbsp;</p></div>
 
−
| x2=10
 
−
| y2=121
 
−
| c3=[[File:4 Unbind.png|link=Valiant Crown]]
 
−
| x3=83
 
−
| y3=126
 
−
| c4=<p style="opacity: 1; color: #36f2f1; font-weight:bold">Lv. 100</p>
 
−
| x4=23
 
−
| y4=121
 
−
| c5=<p style="opacity: 1; color: #3de1e0; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+200</big></p>
 
−
| x5=143
 
−
| y5=100}}{{#invoke:Superimpose|main
 
−
| c1=[[File:210024 01.png|link=Cerberus]]
 
−
| c2=<div style="background-color: rgba(0, 0, 0, 0.6); width: 140px; ; height: 16px; text-align: center"><p style="opacity: 1; color: #000000; font-weight:bold;">&nbsp;</p></div>
 
−
| x2=10
 
−
| y2=121
 
−
| c3=<div style="background-color: rgba(0, 0, 0, 0.6); width: 128px; height: 6px; text-align: center"><p style="opacity: 1; color: #000000; font-weight:bold;">&nbsp;</p></div>
 
−
| x3=16
 
−
| y3=137
 
−
| c4=[[File:4 Unbind.png|link=Cerberus]]
 
−
| x4=83
 
−
| y4=126
 
−
| c5=<p style="opacity: 1; color: #36f2f1; font-weight:bold">Lv. 100</p>
 
−
| x5=23
 
−
| y5=121
 
−
| c6=<p style="opacity: 1; color: #3de1e0; font-weight:bold; -webkit-text-stroke: 1px black; position: absolute; right:0;"><big>+200</big></p>
 
−
| x6=143
 
−
| y6=100}}
 

Latest revision as of 19:22, 6 August 2020

Pages (edit)
Fire Emblem Heroes: Main User Page, Heroes
Dragalia Lost: Main User Page, Adventurers, Dragons (Bonds), Weapons, Wyrmprints, Wanted Alts
Sandboxes: FEH 1, Dragalia 1, Dragalia 2
Template Tests: FEH 1, FEH 2, Dragalia 1, Dragalia 2, Dragalia 3, Dragalia 4
Other: Adventurer List w/ Epithets, Dragon List w/ Epithets, Old-styled Weapons List

Mockup of a new template I'm trying to work on. I also use this page to find positioning data for each image used in the template.

Adventurer Dragon
Shadow Icon Background.png
100001 07 base portrait.png
Custom Adventurer Icon Frame.png
Icon Element Shadow.png
Healer Euden
Icon Weapon Staff.png
Light Icon Background.png
210115 01 base portrait.png
Custom Dragon Icon Frame.png
Icon Element Light.png
Andromeda
Retrieved from "https://dlwiki.cherrymint.live/index.php?title=User:FlareKyn/Sandbox2&oldid=409886"