Predloga:DIY-kartica: Razlika med redakcijama

← Starejše urejanje

VizualnoVikibesedilo

Trenutna redakcija s časom 10:35, 9. april 2026

Example

Slika:Example.jpg

@@ Vrstica 1: / Vrstica 1: @@
 <div style="
    background:#DBDBAB;
@@ Vrstica 6: / Vrstica 7: @@
    transition:transform 0.2s ease, box-shadow 0.2s ease;
    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)'"
 onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'"
 >
-  <!-- Naslov -->
+<!-- NASLOV -->
-  <div style="
+<div style="
-    padding:0.4rem 0.4rem;
+  padding:0.1rem 0.2rem;
-    text-align:center;
+  text-align:center;
-    font-weight:600;
+  font-weight:600;
-    color:#2c3e50;
+  font-size:1rem;
-    line-height:1.1;
+  color:#2c3e50;
-   ">
+  line-height:1;
-[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]]
+   white-space:nowrap;
-  </div>
+  overflow:hidden;
+   text-overflow:ellipsis;">
-  <!-- Spodnji del (2 celici) -->
+[[{{{title1|Example}}}|{{{display1|{{{title1|Example}}}}}}]]
-  <div style="
+</div>
-    flex:1;
-    display:grid;
-    grid-template-columns: 1fr 1fr;
-    background:#fff;
-   ">
-    <!-- Levo: slika -->
-    <div style="
-      display:flex;
-      align-items:center;
-      justify-content:center;
-      padding:0.4rem;
-    ">
-      [[File:{{{image1|Example.jpg}}}|center|frameless|220px|link={{{title1|Example title 1}}}]]
-    </div>
-    <!-- Desno: info -->
-    <div style="
-      padding:0.5rem;
-      font-size:0.85rem;
-      color:#2c3e50;
-      display:flex;
-      flex-direction:column;
-      justify-content:center;
-      line-height:1.3;
-    ">
-{{{info1|Sem pride opis ali podatki}}}
-    </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>