Pojdi na vsebino

Predloga:Material-kartica: Razlika med redakcijama

Iz Center Rog
Lucija (pogovor | prispevki)
Brez povzetka urejanja
Lucija (pogovor | prispevki)
Brez povzetka urejanja
Vrstica 1: Vrstica 1:
<div style="
<div style=" background:#0081ED; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); transition:transform 0.2s ease, box-shadow 0.2s ease; display:flex; flex-direction:column; " onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'" > <!-- Naslov (minimalen padding) --> <div style=" padding:0.15rem 0.4rem; /* enak zgoraj/spodaj */ text-align:center; font-weight:600; font-size:1.1rem; color:#1C1463; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "> [[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]] </div> <!-- Spodnji del --> <div style="flex:1; display:flex;"> <!-- Slika z fiksno višino --> <div style=" flex:1; height:180px; /* fiksna višina slike */ display:flex; align-items:center; justify-content:center; background:#ffffff; padding:0.3rem; "> [[File:{{{image1|Example.jpg}}}|center|frameless|260px|link={{{title1|Example title 1}}}]] </div> <!-- Podatki --> <div style=" flex:1; padding:0.6rem; color:#ffffff; font-size:0.9rem; line-height:1.4; "> {{{info1|Tukaj pride opis ali podatki}}}<br><br> ● <b>KATEGORIJA:</b> {{{Kategorija1|Kategorija}}}<br> ● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}} </div> </div> </div>
  background:#0081ED;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 5px rgba(0,0,0,0.1);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
  display:flex;
  flex-direction:column;
"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 12px rgba(0,0,0,0.15)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'"
>
 
  <!-- Naslov (minimalen padding) -->
  <div style="
    padding:0.15rem 0.4rem;
    text-align:center;
    font-weight:600;
    font-size:1.1rem;
    color:#1C1463;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  ">
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
  </div>
 
  <!-- Spodnji del -->
  <div style="flex:1; display:flex;">
 
    <!-- Slika z fiksno višino -->
    <div style="
      flex:1;
      height:180px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#ffffff;
      padding:0.3rem;
    ">
      [[File:{{{image1|Example.jpg}}}|center|frameless|260px|link={{{title1|Example title 1}}}]]
    </div>
 
    <!-- Podatki -->
    <div style="
      flex:1;
      padding:0.6rem;
      color:#ffffff;
      font-size:0.9rem;
      line-height:1.4;
    ">
{{{info1|Tukaj pride opis ali podatki}}}<br><br>
● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}<br>
● <b>KATEGORIJA:</b> {{{category|Ni podano}}}
    </div>
 
  </div>
 
</div>
 
<!-- Dinamični seznam strani iz kategorije -->
<div id="dplContainer_{{{title1|1}}}" style="margin-top:0.5rem; color:#000;">
<DPL>
category = {{{category|Biomateriali}}}
format = unordered
id = dplList_{{{title1|1}}}
</DPL>
</div>

Redakcija: 14:21, 23. marec 2026

Tukaj pride opis ali podatki

KATEGORIJA: Kategorija
LOKACIJA: Lokacija