Pojdi na vsebino

Predloga:Material-kartica: Razlika med redakcijama

Iz Center Rog
Lucija (pogovor | prispevki)
nova stran z vsebino: »<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; 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)'" > <!-- Naslov --> <div styl...«
 
Lucija (pogovor | prispevki)
Brez povzetka urejanja
Oznaka: ročna vrnitev
 
(26 vmesnih redakcij istega uporabnika ni prikazanih)
Vrstica 1: Vrstica 1:
<div style="
<div style="
   background:#0081ED;
   background:#E0E6EE;
   border-radius:10px;
   border-radius:10px;
   overflow:hidden;
   overflow:hidden;
Vrstica 6: Vrstica 6:
   transition:transform 0.2s ease, box-shadow 0.2s ease;
   transition:transform 0.2s ease, box-shadow 0.2s ease;
   display:flex;
   display:flex;
   flex-direction:column;
   flex-direction:column;"
  height:280px;
"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 12px rgba(0,0,0,0.15)'"
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)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'"
>
>


   <!-- Naslov -->
<!-- NASLOV -->
<div style="
  padding:0.1rem 0.1rem;
  text-align:center;
  font-weight:600;
  font-size:1rem;
  color:#0081ED;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:break-word;">
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
</div>
 
<!-- SPODNJI DEL -->
<div style="flex:1; display:flex;">
 
   <!-- SLIKA -->
   <div style="
   <div style="
     padding:0.4rem 0.4rem;
     flex:1;
     text-align:center;
    height:180px;
     font-weight:600;
    display:flex;
     color:#1C1463;
     align-items:center;
     line-height:1.1;
     justify-content:center;
  ">
     background:#ffffff;
'''{{{title1|Naslov 1}}}'''
    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}}}]]
    </div>
   </div>
   </div>


   <!-- Grid: levo slika, desno info -->
   <!-- PODATKI -->
   <div style="
   <div style="
     flex:1;
     flex:1;
     display:grid;
     padding:0.6rem;
     grid-template-columns: 1fr 1fr;
     color:#0081ED;
     background:#fff;
    font-size:0.75rem;
  ">
     line-height:1.2;">


    <!-- Slika -->
<b>KATEGORIJA:</b> {{{kategorija1|Kategorija}}}<br>
    <div style="
<b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}<br>
      display:flex;
● <b>INV. ŠT.:</b> {{{inv1|Številka}}}<br><br>
      align-items:center;
{{{info1|Tukaj pride opis ali podatki}}}<br>
      justify-content:center;
 
      padding:0.4rem;
  </div>
    ">
      [[Slika:{{{image1|Example.jpg}}}|center|frameless|220px]]
    </div>


    <!-- Info -->
</div>
    <div style="padding: 0.5rem;">
      <p style="font-size: 0.95em; margin:0;">{{{info1|Tukaj pride opis ali podatki}}}</p>
      <div style="margin-top: 8px;"></div>
      <p style="margin: 0; font-size: 0.95em;">
        <span style="font-weight: bold;">● KATEGORIJA:</span> {{{Kategorija1|Kategorija}}}
      </p>
      <p style="margin: 0; font-size: 0.95em;">
        <span style="font-weight: bold;">● LOKACIJA:</span> {{{lokacija1|Lokacija}}}
      </p>
    </div>


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

Trenutna redakcija s časom 16:53, 15. april 2026

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

Tukaj pride opis ali podatki