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: all 0.3s ease; display: flex; flex-direction: column; height: 280px;"  
<div style="
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 5px rgba(0,0,0,0.15)'"  
  background:#DBDBAB;
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'">
  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;
  height:280px;
"
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)'"
>


<div style="background:#DBDBAB; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); display:flex; flex-direction:column; height:280px;">
  <!-- Naslov -->
   <div style="padding:1rem; text-align:center; font-weight:bold; color:#2c3e50;">[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]</div>
   <div style="
   <div style="flex:1; display:flex; align-items:center; justify-content:center; background:white;">
    padding:0.4rem 0.4rem;
     [[File:{{{image1|Example.jpg}}}|center|frameless|300px|link={{{title1|Example title 1}}}]]
    text-align:center;
    font-weight:600;
    color:#2c3e50;
    line-height:1.1;
  ">
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
  </div>
 
  <!-- Slika -->
   <div style="
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    padding:0.4rem;
  ">
     [[File:{{{image1|Example.jpg}}}|center|frameless|260px|link={{{title1|Example title 1}}}]]
   </div>
   </div>
</div>


</div>
</div>

Redakcija: 16:05, 20. marec 2026