Predloga:DIY-kartica: Razlika med redakcijama

← Starejše urejanje Novejše urejanje →

VizualnoVikibesedilo

Redakcija: 10:30, 7. april 2026

Example

Slika:Example.jpg

@@ Vrstica 6: / Vrstica 6: @@
    transition:transform 0.2s ease, box-shadow 0.2s ease;
    display:flex;
-   flex-direction:column;
+   flex-direction:column;"
-  width:200px;
+onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 12px rgba(0,0,0,0.15)'"
-  cursor:pointer;"
+onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'">
-  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 -->
@@ Vrstica 18: / Vrstica 16: @@
      font-size:1rem;
      color:#2c3e50;
-     line-height:1.2;
+     line-height:1.1;
      white-space:nowrap;
      overflow:hidden;
-     text-overflow:ellipsis;
+     text-overflow:ellipsis;">
-    padding:8px 4px;">
 [[{{{title1|Example}}}|{{{display1|{{{title1|Example}}}}}}]]
    </div>
-  <!-- SLIKA -->
+<!-- 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 style="
-    position:relative;
-    width:100%;
-    padding-top:100%; /* 1:1 razmerje */
-    background:#fff;
-    overflow:hidden;">
-    <div style="
-      position:absolute;
-      top:0; left:0; width:100%; height:100%;
-      display:flex;
-      align-items:center;
-      justify-content:center;">
-[[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example}}}]]
-    </div>
-  </div>
 </div>