Predloga:DIY-kartica: Razlika med redakcijama

← Starejše urejanje Novejše urejanje →

VizualnoVikibesedilo

Redakcija: 16:34, 27. marec 2026

Example

Slika:Example.jpg

@@ Vrstica 1: / Vrstica 1: @@
 <div style="
-  margin:0.2rem 0;
    background:#DBDBAB;
    border-radius:10px;
@@ Vrstica 9: / Vrstica 8: @@
    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)'"
+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.15rem 0.4rem;
+    text-align:center;
-  text-align:center;
+    font-weight:600;
-  font-weight:600;
+    font-size:1.1rem;
-  font-size:1.1rem;
+    color:#2c3e50;
-  color:#2c3e50;
+    line-height:1.1;
-  line-height:1.1;
+    white-space:nowrap;
-  white-space:nowrap;
+    overflow:hidden;
-  overflow:hidden;
+    text-overflow:ellipsis;">
-  text-overflow:ellipsis;">
 [[{{{title1|Example}}}|{{{display1|{{{title1|Example}}}}}}]]
-</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>
+  <!-- SLIKA -->
+  <div style="
+    height:180px;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    background:#fff;
+    overflow:hidden;">
+      <div style="max-width:100%; max-height:100%;">
+        [[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example}}}]]
+      </div>
+  </div>
 </div>