Logo Yuupi.pl
Promocje
Zainspiruj się, wybierz coś dla siebie lub obdaruj kogoś bliskiego. Świąteczny czas to idealny moment,
żeby pomyśleć o personalizowanych fotoprezentach. Zawsze w dobrej cenie - sprawdź nasze najlepsze okazje!
Poznaj naszą ofertę specjalną
kod:
ZIMAA4
46,50 zł
62,00 zł
Fotoksiążka A4, 28 stron, pion
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="FKA4"></div> <style> #FKA4 { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/cc5d050c-c130-4cca-a1af-02c9e3348375.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #FKA4:hover { background-color: #ffb548; text-decoration: none; } </style>
kod:
ZIMA10x15
0,30 zł
0,40 zł
Odbitki 10x15
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="ODBITKI10X15"></div> <style> #ODBITKI10X15 { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/c898cf89-f56b-4834-8576-2fda4e615d5d.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #ODBITKI10X15:hover { background-color: #ffb548; text-decoration: none; } </style>
kod:
ZIMAWIZ
16,00 zł
20,00 zł
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="wizytowka"></div> <style> #wizytowka { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/70e86253-1180-4953-b625-468efbf95239.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #wizytowka:hover { background-color: #ffb548; text-decoration: none; } </style>
Wizytówka, 100 szt.
kod:
ZIMAKAL
21,60 zł
27,00 zł
Fotokalendarz A3, pion, poziom
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="KALA3"></div> <style> #KALA3 { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/629d0930-2fe3-4b8e-a555-15c1c30c6676.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #KALA3:hover { background-color: #ffb548; text-decoration: none; } </style>
kod:
ZIMAMAG6
18,75 zł
25,00 zł
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="MAGNESY"></div> <style> #MAGNESY { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/a4af148a-6f24-4773-84f5-5f117e90972a.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #MAGNESY:hover { background-color: #ffb548; text-decoration: none; } </style>
Fotomagnesy 9x9 cm, 6 szt.
kod:
ZIMAKUBMAG
27,20 zł
34,00 zł
Fotokubek, MAGICZNY
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="KUBEKMAGICZNY"></div> <style> #KUBEKMAGICZNY { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/d5efed99-10ef-4dba-a84a-0258b79f3b44.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #KUBEKMAGICZNY:hover { background-color: #ffb548; text-decoration: none; } </style>
kod:
ZIMAKUBKOL
20,80 zł
26,00 zł
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="KUBEKKOLOROWY"></div> <style> #KUBEKKOLOROWY { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/31b66b4a-f12c-499b-b6ab-612fdb0f1763.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #KUBEKKOLOROWY:hover { background-color: #ffb548; text-decoration: none; } </style>
Fotokubek, KOLOROWY
kod:
ZIMAA5
44,00 zł
55,00 zł
Ulotki A5, 100 szt.
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="ULOTKAA5"></div> <style> #ULOTKAA5 { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/2abbf4f1-c76e-431e-a394-8d5433bad916.png"); background-color: #f5f5f5; background-size: contain; background-repeat: no-repeat; background-position: center; width: 475px; height: 312px; -webkit-transition: color 10s; -moz-transition: color 10s; -ms-transition: color 10s; -o-transition: color 10s; transition: color 10s; } #ULOTKAA5:hover { background-color: #ffb548; text-decoration: none; } </style>
Oferta ważna do: 31.01.2024 r.
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="btn"> Wysyłka od 14,90 zł<br> </div> <style> div#edi-yovj1wf { z-index: 2; overflow: visible; } .btn { background: #36994c; border: none; padding: 40px 60px; color: white; font-size: 20px; font-weight: 500; line-height: 1; position:relative; overflow: visible; font-family: "Open Sans",sans-serif; } .btn:before { content: ""; width: 150px; height: 0; border-left: 50px solid transparent; border-right: 0px solid transparent; border-bottom: 100px solid #36994c; position:absolute; z-index:-1; top:0; left:-150px; background: linear-gradient(90deg, #6DBB31 0%, #017A67 100%); } .btn:hover.btn:before { left:-50px; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; transition: left 1s ease-out; } </style>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<code> <div class="number-container"> <p><div id="numberWang2"></div><p> <p id="number-text">różnych fotoproduktów</p> </div> </code> <style> body { margin: 0; padding: 0; } .number-container { position: absolute; height: 100%; width: 100%; overflow: hidden; text-align: center; color: white; font-family:"Open Sans", Arial, sans-serif; } #numberWang2 { position: relative; margin: auto; width: 100%; text-align: center; font-size: 60px; font-weight: 700; } #number-text { color: white; font-weight: 200; padding: 0px; margin: 0px; font-size: 20px; } </style> <script> (function(){ numberWang2 = { countUpOrDown: function(containerid, startingNumber, endingNumber, betweenNumberDuration, betweenEffect, effectDuration, endingEffect, endingEffectDuration) { // Required parameters var divPlaceholder = document.getElementById(containerid); var fixedStartingNumber = parseInt(startingNumber.toFixed(0)) + 1; var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; // Optional parameters betweenNumberDuration = betweenNumberDuration || 20; betweenEffect = betweenEffect || "jello"; effectDuration = effectDuration || "0.1s"; endingEffect = endingEffect || "tada"; endingEffectDuration = endingEffectDuration || "1s"; // if both numbers ARE numbers if (isNaN(startingNumber, endingNumber)) { console.log('both starting and ending numbers are not integars!'); return false; } else { if(fixedStartingNumber < 0){ divPlaceholder.innerHTML = fixedStartingNumber-1; } else { divPlaceholder.innerHTML = fixedStartingNumber; } if(fixedEndingNumber < 0){ var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) - 1; } else { var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; } if(fixedStartingNumber > fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber--; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber < fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber++; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } } } // End of function var userFollowers = 10; // Use function numberWang2.countUpOrDown('numberWang2', 0, userFollowers, 1000, "shake", "0.03s", "tada", "2s"); // } // }); })(); </script>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<code> <div class="number-container"> <p><div id="numberWang"></div><p> <p id="number-text">formatów fotoksiążek</p> </div> </code> <style> body { margin: 0; padding: 0; } .number-container { position: absolute; height: 100%; width: 100%; overflow: hidden; text-align: center; color: white; font-family: "Open Sans", Arial, sans-serif; } #numberWang { position: relative; margin: auto; width: 100%; text-align: center; font-size: 60px; font-weight: 700; } #number-text { color: white; font-weight: 200; padding: 0px; margin: 0px; font-size: 20px; } </style> <script> (function(){ numberWang = { countUpOrDown: function(containerid, startingNumber, endingNumber, betweenNumberDuration, betweenEffect, effectDuration, endingEffect, endingEffectDuration) { // Required parameters var divPlaceholder = document.getElementById(containerid); var fixedStartingNumber = parseInt(startingNumber.toFixed(0)) + 1; var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; // Optional parameters betweenNumberDuration = betweenNumberDuration || 20; betweenEffect = betweenEffect || "jello"; effectDuration = effectDuration || "0.1s"; endingEffect = endingEffect || "tada"; endingEffectDuration = endingEffectDuration || "1s"; // if both numbers ARE numbers if (isNaN(startingNumber, endingNumber)) { console.log('both starting and ending numbers are not integars!'); return false; } else { if(fixedStartingNumber < 0){ divPlaceholder.innerHTML = fixedStartingNumber-1; } else { divPlaceholder.innerHTML = fixedStartingNumber; } if(fixedEndingNumber < 0){ var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) - 1; } else { var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; } if(fixedStartingNumber > fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber--; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber < fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber++; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } } } // End of function var userFollowers = 5; // Use function numberWang.countUpOrDown('numberWang', 0, userFollowers, 2000, "shake", "0.03s", "tada", "2s"); // } // }); })(); </script>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<code> <div class="number-container"> <p><div id="numberWang3"></div><div id="procent">%</div><p> <p id="number-text">satysfakcji</p> </div> </code> <style> body { margin: 0; padding: 0; } .number-container { position: absolute; height: 100%; width: 100%; overflow: hidden; text-align: center; font-size: 1.6em; font-family: "Open Sans", Arial, sans-serif; font-style: normal; color: white; } #numberWang3 { position: relative; margin: auto; width: 100%; text-align: center; font-size: 60px; color: white; font-weight: 700; display: inline; } #number-text { color: white; font-weight: 300; padding: 0px; margin: 0px; font-size: 20px; } #procent { display: inline-block; vertical-align: inherit; font-size: 60px; font-weight: 700; } </style> <script> (function(){ numberWang3 = { countUpOrDown: function(containerid, startingNumber, endingNumber, betweenNumberDuration, betweenEffect, effectDuration, endingEffect, endingEffectDuration) { // Required parameters var divPlaceholder = document.getElementById(containerid); var fixedStartingNumber = parseInt(startingNumber.toFixed(0)) + 1; var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; // Optional parameters betweenNumberDuration = betweenNumberDuration || 20; betweenEffect = betweenEffect || "jello"; effectDuration = effectDuration || "0.1s"; endingEffect = endingEffect || "tada"; endingEffectDuration = endingEffectDuration || "1s"; // if both numbers ARE numbers if (isNaN(startingNumber, endingNumber)) { console.log('both starting and ending numbers are not integars!'); return false; } else { if(fixedStartingNumber < 0){ divPlaceholder.innerHTML = fixedStartingNumber-1; } else { divPlaceholder.innerHTML = fixedStartingNumber; } if(fixedEndingNumber < 0){ var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) - 1; } else { var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; } if(fixedStartingNumber > fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber--; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber < fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber++; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } } } // End of function var userFollowers = 100; // Use function numberWang3.countUpOrDown('numberWang3', 0, userFollowers, 100, "shake", "0.03s", "tada", "2s"); // } // }); })(); </script>
Twoje pomysły, nasze fotoprodukty. Zobacz, co możesz wyczarować ze swoich ulubionych zdjęć.
OFERTA DLA CIEBIE
Logo Yuupi.pl
yuupi.pl
infolinia: (17) 27 55 290
e-mail: biuro@yuupi.pl
Wszystkie prawa zastrzeżone. MPP sp. z o.o. © 2023