Predloga:DIY-kartica: Razlika med redakcijama

VizualnoVikibesedilo

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

Example

Slika:Example.jpg

@@ Vrstica 1: / Vrstica 1: @@
-<includeonly>
-<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;"
-onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 5px 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="padding: 1rem; text-align: center;">
+<div style="
-    <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">
+  background:#DBDBAB;
-      [[{{{title|Primer}}}]]
+  border-radius:10px;
-    </div>
+  overflow:hidden;
-  </div>
+  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:1rem;
+  color:#2c3e50;
+  line-height:1;
+  white-space:nowrap;
+  overflow:hidden;
+  text-overflow:ellipsis;">
+[[{{{title1|Example}}}|{{{display1|{{{title1|Example}}}}}}]]
+</div>
-  <div style="flex: 1; display: flex; align-items: center; justify-content: center; background: white;">
+<!-- SLIKA -->
-     [[Slika:{{{image|Example.jpg}}}|frameless|300px|link={{{title|Primer}}}]]
+<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>
-</includeonly>