Predloga:DIY: Razlika med redakcijama

Redakcija: 14:49, 3. oktober 2025

   <a href="Primer naslova 1" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>

Primer naslova 2

   <a href="Primer naslova 2" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>

Primer naslova 3

   <a href="Primer naslova 3" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>

Primer naslova 4

   <a href="Primer naslova 4" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>

@@ Vrstica 7: / Vrstica 7: @@
      <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title1|Primer naslova 1}}}]]</div>
    </div>
-   <div style="flex: 1; display: flex; align-items: center; justify-content: center; background: white; padding: 0.5rem;">
+   <div style="flex: 1; position: relative; overflow: hidden;">
-     <div style="width: 100%; height: 180px; display: flex; align-items: center; justify-content: center;">
+     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
-       [[Slika:{{{image1|Example.jpg}}}|sredina|brezokvirja|160px|link={{{title1|Primer naslova 1}}}]]
+       <div style="width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url({{#if:{{{image1|}}}|{{filepath:{{{image1}}}|300}}|{{filepath:Example.jpg|300}}}});"></div>
      </div>
+    <a href="{{{title1|Primer naslova 1}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
    </div>
 </div>
@@ Vrstica 19: / Vrstica 20: @@
      <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title2|Primer naslova 2}}}]]</div>
    </div>
-   <div style="flex: 1; display: flex; align-items: center; justify-content: center; background: white; padding: 0.5rem;">
+   <div style="flex: 1; position: relative; overflow: hidden;">
-     <div style="width: 100%; height: 180px; display: flex; align-items: center; justify-content: center;">
+     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
-       [[Slika:{{{image2|Example.jpg}}}|sredina|brezokvirja|160px|link={{{title2|Primer naslova 2}}}]]
+       <div style="width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url({{#if:{{{image2|}}}|{{filepath:{{{image2}}}|300}}|{{filepath:Example.jpg|300}}}});"></div>
      </div>
+    <a href="{{{title2|Primer naslova 2}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
    </div>
 </div>
@@ Vrstica 31: / Vrstica 33: @@
      <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title3|Primer naslova 3}}}]]</div>
    </div>
-   <div style="flex: 1; display: flex; align-items: center; justify-content: center; background: white; padding: 0.5rem;">
+   <div style="flex: 1; position: relative; overflow: hidden;">
-     <div style="width: 100%; height: 180px; display: flex; align-items: center; justify-content: center;">
+     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
-       [[Slika:{{{image3|Example.jpg}}}|sredina|brezokvirja|160px|link={{{title3|Primer naslova 3}}}]]
+       <div style="width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url({{#if:{{{image3|}}}|{{filepath:{{{image3}}}|300}}|{{filepath:Example.jpg|300}}}});"></div>
      </div>
+    <a href="{{{title3|Primer naslova 3}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
    </div>
 </div>
@@ Vrstica 43: / Vrstica 46: @@
      <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title4|Primer naslova 4}}}]]</div>
    </div>
-   <div style="flex: 1; display: flex; align-items: center; justify-content: center; background: white; padding: 0.5rem;">
+   <div style="flex: 1; position: relative; overflow: hidden;">
-     <div style="width: 100%; height: 180px; display: flex; align-items: center; justify-content: center;">
+     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
-       [[Slika:{{{image4|Example.jpg}}}|sredina|brezokvirja|160px|link={{{title4|Primer naslova 4}}}]]
+       <div style="width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url({{#if:{{{image4|}}}|{{filepath:{{{image4}}}|300}}|{{filepath:Example.jpg|300}}}});"></div>
      </div>
+    <a href="{{{title4|Primer naslova 4}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
    </div>
 </div>