Pojdi na vsebino

Predloga:DIY: Razlika med redakcijama

Iz Center Rog
← Starejše urejanje
Lucija (pogovor | prispevki)
1.019 urejanj
VizualnoVikibesedilo
Lucija (pogovor | prispevki)
1.019 urejanj
Brez povzetka urejanja
Lucija (pogovor | prispevki)
1.019 urejanj
Brez povzetka urejanja
 
(5 vmesnih redakcij istega uporabnika ni prikazanih)
Vrstica 1: Vrstica 1:
<includeonly>
<includeonly>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; margin: 1.5rem 0;">
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; margin: 0.5rem 0;">


<!-- Projekt 1 -->
<!-- Projekt 1 -->
<div style="background: #DBDBAB; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 15px 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 25px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)'">
<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; flex-shrink: 0;">
   <div style="padding: 1rem; text-align: center; flex-shrink: 0;">
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title1|Primer naslova 1}}}]]</div>
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title1|Primer naslova 1}}}]]</div>
   </div>
   </div>
   <div style="flex: 1; position: relative; overflow: hidden;">
   <div style="flex: 1; position: relative; overflow: hidden; background: white;">
     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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;">
       <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 style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;">
        <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
          [[Slika:{{{image1|Example.jpg}}}|sredina|link={{{title1|Primer naslova 1}}}|frameless|300px]]
        </div>
      </div>
     </div>
     </div>
    <a href="{{{title1|Primer naslova 1}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
   </div>
   </div>
</div>
</div>


<!-- Projekt 2 -->
<!-- Projekt 2 -->
<div style="background: #DBDBAB; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 15px 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 25px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)'">
<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; flex-shrink: 0;">
   <div style="padding: 1rem; text-align: center; flex-shrink: 0;">
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title2|Primer naslova 2}}}]]</div>
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title2|Primer naslova 2}}}]]</div>
   </div>
   </div>
   <div style="flex: 1; position: relative; overflow: hidden;">
   <div style="flex: 1; position: relative; overflow: hidden; background: white;">
     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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;">
       <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 style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;">
        <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
          [[Slika:{{{image2|Example.jpg}}}|sredina|link={{{title2|Primer naslova 2}}}|frameless|300px]]
        </div>
      </div>
     </div>
     </div>
    <a href="{{{title2|Primer naslova 2}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
   </div>
   </div>
</div>
</div>


<!-- Projekt 3 -->
<!-- Projekt 3 -->
<div style="background: #DBDBAB; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 15px 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 25px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)'">
<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; flex-shrink: 0;">
   <div style="padding: 1rem; text-align: center; flex-shrink: 0;">
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title3|Primer naslova 3}}}]]</div>
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title3|Primer naslova 3}}}]]</div>
   </div>
   </div>
   <div style="flex: 1; position: relative; overflow: hidden;">
   <div style="flex: 1; position: relative; overflow: hidden; background: white;">
     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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;">
       <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 style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;">
        <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
          [[Slika:{{{image3|Example.jpg}}}|sredina|link={{{title3|Primer naslova 3}}}|frameless|300px]]
        </div>
      </div>
     </div>
     </div>
    <a href="{{{title3|Primer naslova 3}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
   </div>
   </div>
</div>
</div>


<!-- Projekt 4 -->
<!-- Projekt 4 -->
<div style="background: #DBDBAB; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 15px 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 25px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)'">
<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; flex-shrink: 0;">
   <div style="padding: 1rem; text-align: center; flex-shrink: 0;">
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title4|Primer naslova 4}}}]]</div>
     <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50;">[[{{{title4|Primer naslova 4}}}]]</div>
   </div>
   </div>
   <div style="flex: 1; position: relative; overflow: hidden;">
   <div style="flex: 1; position: relative; overflow: hidden; background: white;">
     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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;">
       <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 style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;">
        <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
          [[Slika:{{{image4|Example.jpg}}}|sredina|link={{{title4|Primer naslova 4}}}|frameless|300px]]
        </div>
      </div>
     </div>
     </div>
    <a href="{{{title4|Primer naslova 4}}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
   </div>
   </div>
</div>
</div>
Vrstica 56: Vrstica 68:
</div>
</div>
</includeonly>
</includeonly>


<noinclude>
<noinclude>
{{DIY}}
{{DIY}}
</noinclude>
</noinclude>

Trenutna redakcija s časom 15:03, 20. marec 2026





Pridobljeno iz »https://wiki.center-rog.si/wiki/index.php?title=Predloga:DIY&oldid=1562«