Differenze tra le versioni di "Template:Epicizzazione/Layout"

[versione verificata][versione verificata]
Riga 1: Riga 1:
 
<includeonly>
 
<includeonly>
 
<div style="position: relative; width:286px; height:114">[[File:Slot Epicizzazione.png]]
 
<div style="position: relative; width:286px; height:114">[[File:Slot Epicizzazione.png]]
<div style="position: absolute; top:8px; left:16px; z-index:1; align-items: center; width:32px; height:96px;><!--
+
<div style="position: absolute; top:8px; left:16px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;><!--
 
-->{{#if: {{{Ri| }}} | [[File:{{{Ri}}}|{{{Rl}}}|32px]]}}
 
-->{{#if: {{{Ri| }}} | [[File:{{{Ri}}}|{{{Rl}}}|32px]]}}
 
</div>
 
</div>
<div style="position: absolute; top:8px; left:75px; z-index:1; align-items: center; width:32px; height:96px;"><!--
+
<div style="position: absolute; top:8px; left:75px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;"><!--
 
-->{{#if: {{{Ai| }}} | [[File:{{{Ai}}}|{{{Al}}}|32px]]}}
 
-->{{#if: {{{Ai| }}} | [[File:{{{Ai}}}|{{{Al}}}|32px]]}}
 
</div>
 
</div>
<div style="position: absolute; top:8px; left:108px; z-index:1; text-align: center; width:32px; height:96px;"><!--
+
<div style="position: absolute; top:8px; left:108px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;"><!--
 
-->{{#if: {{{Bi| }}} | [[File:{{{Bi}}}|{{{Bl}}}|32px]]}}
 
-->{{#if: {{{Bi| }}} | [[File:{{{Bi}}}|{{{Bl}}}|32px]]}}
 
</div>
 
</div>
<div style="position: absolute; top:8px; left:141px; z-index:1; text-align: center; width:32px; height:96px;"><!--
+
<div style="position: absolute; top:8px; left:141px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;"><!--
 
-->{{#if: {{{Ci| }}} | [[File:{{{Ci}}}|{{{Cl}}}|32px]]}}
 
-->{{#if: {{{Ci| }}} | [[File:{{{Ci}}}|{{{Cl}}}|32px]]}}
 
</div>
 
</div>
<div style="position: absolute; top:8px; left:174px; z-index:1; text-align: center; width:32px; height:96px;"><!--
+
<div style="position: absolute; top:8px; left:174px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;"><!--
 
-->{{#if: {{{Di| }}} | [[File:{{{Di}}}|{{{Dl}}}|32px]]}}
 
-->{{#if: {{{Di| }}} | [[File:{{{Di}}}|{{{Dl}}}|32px]]}}
 
</div>
 
</div>
<div style="position: absolute; top:8px; left:207px; z-index:1; text-align: center; width:32px; height:96px;"><!--
+
<div style="position: absolute; top:8px; left:207px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;"><!--
 
-->{{#if: {{{Ei| }}} | [[File:{{{Ei}}}|{{{El}}}|32px]]}}
 
-->{{#if: {{{Ei| }}} | [[File:{{{Ei}}}|{{{El}}}|32px]]}}
 
</div>
 
</div>
<div style="position: absolute; top:8px; left:240px; z-index:1; text-align: center; width:32px; height:96px;"><!--
+
<div style="position: absolute; top:8px; left:240px; z-index:1; display:flex; flex:1; flex-direction:column; justify-content: center; align-items: center; width:32px; height:96px;"><!--
 
-->{{#if: {{{Fi| }}} | [[File:{{{Fi}}}|{{{Fl}}}|32px]]}}
 
-->{{#if: {{{Fi| }}} | [[File:{{{Fi}}}|{{{Fl}}}|32px]]}}
 
</div>
 
</div>
 
+
<div style="position: absolute; top:86px; left:17px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
<div style="position: absolute; top:86px; left:17px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
 
-->{{#if: {{{Ri| }}} |<font color="white">'''{{{Rq}}}'''</font color>}}
 
-->{{#if: {{{Ri| }}} |<font color="white">'''{{{Rq}}}'''</font color>}}
 
</div>
 
</div>
<div style="position: absolute; top:86px; left:76px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
+
<div style="position: absolute; top:86px; left:76px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
-->{{#if: {{{Ai| }}} |<font color="white">'''{{{Aq}}}'''</font color>}}
 
-->{{#if: {{{Ai| }}} |<font color="white">'''{{{Aq}}}'''</font color>}}
 
</div>
 
</div>
<div style="position: absolute; top:86px; left:109px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
+
<div style="position: absolute; top:86px; left:109px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
-->{{#if: {{{Bi| }}} |<font color="white">'''{{{Bq}}}'''</font color>}}
 
-->{{#if: {{{Bi| }}} |<font color="white">'''{{{Bq}}}'''</font color>}}
 
</div>
 
</div>
<div style="position: absolute; top:86px; left:142px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
+
<div style="position: absolute; top:86px; left:142px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
-->{{#if: {{{Ci| }}} |<font color="white">'''{{{Cq}}}'''</font color>}}
 
-->{{#if: {{{Ci| }}} |<font color="white">'''{{{Cq}}}'''</font color>}}
 
</div>
 
</div>
<div style="position: absolute; top:86px; left:175px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
+
<div style="position: absolute; top:86px; left:175px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
-->{{#if: {{{Di| }}} |<font color="white">'''{{{Dq}}}'''</font color>}}
 
-->{{#if: {{{Di| }}} |<font color="white">'''{{{Dq}}}'''</font color>}}
 
</div>
 
</div>
<div style="position: absolute; top:86px; left:208px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
+
<div style="position: absolute; top:86px; left:208px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
-->{{#if: {{{Fi| }}} |<font color="white">'''{{{Eq}}}'''</font color>}}
 
-->{{#if: {{{Fi| }}} |<font color="white">'''{{{Eq}}}'''</font color>}}
 
</div>
 
</div>
<div style="position: absolute; top:86px; left:241px; z-index:2; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
+
<div style="position: absolute; top:86px; left:241px; z-index:1; color:#ffffff; text-align: center;center; width:30px; height:14px; font-size:10px; font-color:white;"><!--
 
-->{{#if: {{{Fi| }}} |<font color="white">'''{{{Fq}}}'''</font color>}}
 
-->{{#if: {{{Fi| }}} |<font color="white">'''{{{Fq}}}'''</font color>}}
 
</div>
 
</div>

Versione delle 11:46, 17 mar 2020


Guida all'utilizzo

Le caselle sono così numerate: Slot Epicizzazione Guida.png

Ogni casella ha 3 parametri e, prendendo ad esempio A come casella, i 3 parametri sono:

  • Ai= Nome dell'icona con estensione
  • Al= Nome della pagina
  • Aq= Quantità del materiale