Pojdi na vsebino

Predloga:DIY-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=" background:#DBDBAB; 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 --> <div style=" text-align:center; font-weight:600; font-size:1rem; color:#2c3e50; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"> [[{{{title1|Example}}}|{{{display1|{{{title1|Example}}}}}}]] </div> <!-- SLIKA --> <div style=" height:180px; display:flex; align-items:center; justify-content:center; background:#fff; overflow:hidden;"> <div style="max-width:100%; max-height:100%;"> [[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example}}}]] </div> </div> </div>
 
<div style="
  background:#DBDBAB;
  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 -->
<div style="
  padding:0.1rem 0.2rem;
  text-align:center;
  font-weight:600;
  font-size:1.1rem;
  color:#2c3e50;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;">
[[{{{title1|Example}}}|{{{display1|{{{title1|Example}}}}}}]]
</div>
 
<!-- SLIKA -->
<div style="
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding:0.3rem;
  overflow:hidden;">
  <div style="max-width:100%; max-height:100%;">
    [[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example}}}]]
  </div>
</div>
 
</div>

Redakcija: 10:43, 7. april 2026