Predloga:Material-kartica: Razlika med redakcijama

← Starejše urejanje Novejše urejanje →

VizualnoVikibesedilo

Redakcija: 10:55, 23. marec 2026

Example title 1

Slika:Example.jpg

Tukaj pride opis ali podatki

● KATEGORIJA: Kategorija
● LOKACIJA: Lokacija

@@ Vrstica 10: / Vrstica 10: @@
 "
 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 (flex centrirano) -->
+   <!-- Naslov -->
    <div style="
-     height:2.2rem;               /* fiksna višina pasice */
+     padding:0.4rem;
-    display:flex;                 /* flex za centriranje */
+     text-align:center;
-     align-items:center;           /* vertikalno centriranje */
-    justify-content:center;       /* horizontalno centriranje */
      font-weight:600;
-     color:#1C1463;
+     color:#ffffff;
-     font-size:1.4em;
+     line-height:1.1;
-    padding:0 0.4rem;
    ">
-{{{title1|Naslov 1}}}
+[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
    </div>
-   <!-- Grid: levo slika, desno info -->
+   <!-- Spodnji del -->
-   <div style="
+   <div style="flex:1; display:flex;">
-    flex:1;
-    display:grid;
-    grid-template-columns: 1fr 1fr;
-    background:#fff;
-  ">
      <!-- Slika -->
      <div style="
+      flex:1;
        display:flex;
        align-items:center;
        justify-content:center;
+      background:#ffffff;
        padding:0.4rem;
      ">
-       [[Slika:{{{image1|Example.jpg}}}|center|frameless|220px]]
+       [[File:{{{image1|Example.jpg}}}|center|frameless|260px|link={{{title1|Example title 1}}}]]
      </div>
-     <!-- Info -->
+     <!-- Podatki -->
-     <div style="padding: 0.5rem;">
+     <div style="
-       <p style="font-size: 0.95em; margin:0;">{{{info1|Tukaj pride opis ali podatki}}}</p>
+      flex:1;
-      <div style="margin-top: 8px;"></div>
+      padding:0.6rem;
-      <p style="margin: 0; font-size: 0.95em;">
+      color:#ffffff;
-        <span style="font-weight: bold;">● KATEGORIJA:</span> {{{Kategorija1|Kategorija}}}
+       font-size:0.9rem;
-      </p>
+      line-height:1.4;
-      <p style="margin: 0; font-size: 0.95em;">
+    ">
-        <span style="font-weight: bold;">● LOKACIJA:</span> {{{lokacija1|Lokacija}}}
+{{{info1|Tukaj pride opis ali podatki}}}<br><br>
-      </p>
+● <b>KATEGORIJA:</b> {{{Kategorija1|Kategorija}}}<br>
+● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}
      </div>
    </div>
 </div>