Pojdi na vsebino

Predloga:Material-kartica: Razlika med redakcijama

Iz Center Rog
Lucija (pogovor | prispevki)
Brez povzetka urejanja
Lucija (pogovor | prispevki)
Brez povzetka urejanja
Oznaka: ročna vrnitev
Vrstica 1: Vrstica 1:
{{#if: {{{layout|}}} |
<!-- ====== VERTIKALNI LAYOUT ====== -->
<div style="
<div style="
   background:#E0E6EE;
   background:#E0E6EE;
Vrstica 8: Vrstica 5:
   box-shadow:0 4px 5px rgba(0,0,0,0.1);
   box-shadow:0 4px 5px rgba(0,0,0,0.1);
   transition:transform 0.2s ease, box-shadow 0.2s ease;
   transition:transform 0.2s ease, box-shadow 0.2s ease;
  width:220px;
   display:flex;
   display:flex;
   flex-direction:column;"
   flex-direction:column;"
Vrstica 14: Vrstica 10:
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'"
>
>
<!-- SLIKA -->
<div style="width:100%; height:160px; display:flex; align-items:center; justify-content:center; background:#ffffff; padding:0.3rem; overflow:hidden;">
[[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example title 1}}}]]
</div>


<!-- NASLOV -->
<!-- NASLOV -->
<div style="padding:0.4rem; text-align:center; font-weight:600; font-size:0.95rem; color:#0081ED;">
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
</div>
<!-- PODATKI -->
<div style="padding:0.6rem; color:#0081ED; font-size:0.75rem;">
● <b>KATEGORIJA:</b> {{{kategorija1|Kategorija}}}<br>
● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}<br>
● <b>INV. ŠT.:</b> {{{inv1|Številka}}}<br><br>
{{{info1|Tukaj pride opis ali podatki}}}
</div>
</div>
|
<!-- ====== PRIVZETI (HORIZONTALNI) LAYOUT ====== -->
<div style="
<div style="
   background:#E0E6EE;
   padding:0.1rem 0.1rem;
   border-radius:10px;
  text-align:center;
  font-weight:600;
  font-size:1rem;
  color:#0081ED;
  line-height:0.8;
   white-space:nowrap;
   overflow:hidden;
   overflow:hidden;
   box-shadow:0 4px 5px rgba(0,0,0,0.1);
   text-overflow:ellipsis;">
  display:flex;
  flex-direction:column;"
>
 
<!-- NASLOV -->
<div style="padding:0.1rem; text-align:center; font-weight:600; color:#0081ED;">
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
</div>
</div>


<!-- SPODNJI DEL -->
<div style="flex:1; display:flex;">
<div style="flex:1; display:flex;">


<!-- SLIKA -->
  <!-- SLIKA -->
<div style="flex:1; height:180px; display:flex; align-items:center; justify-content:center; background:#fff;">
  <div style="
    flex:1;
    height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    padding:0.3rem;
    overflow:hidden;">
    <div style="max-width:100%; max-height:100%;">
[[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example title 1}}}]]
[[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example title 1}}}]]
</div>
    </div>
  </div>
 
  <!-- PODATKI -->
  <div style="
    flex:1;
    padding:0.6rem;
    color:#0081ED;
    font-size:0.75rem;
    line-height:1.2;">


<!-- PODATKI -->
<div style="flex:1; padding:0.6rem; color:#0081ED; font-size:0.75rem;">
● <b>KATEGORIJA:</b> {{{kategorija1|Kategorija}}}<br>
● <b>KATEGORIJA:</b> {{{kategorija1|Kategorija}}}<br>
● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}<br>
● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}<br>
● <b>INV. ŠT.:</b> {{{inv1|Številka}}}<br><br>
● <b>INV. ŠT.:</b> {{{inv1|Številka}}}<br><br>
{{{info1|Tukaj pride opis ali podatki}}}
{{{info1|Tukaj pride opis ali podatki}}}<br>
 
  </div>
 
</div>
</div>


</div>
</div>
</div>
}}

Redakcija: 11:24, 15. april 2026

KATEGORIJA: Kategorija
LOKACIJA: Lokacija
INV. ŠT.: Številka

Tukaj pride opis ali podatki