Logo Yuupi.pl
Promocje
Zainspiruj się, wybierz prezent dla kogoś bliskiego lub dla siebie. Personalizowane fotoprezenty to idealny sposób na pokazanie wspólnych chwil i momentów, które zapadły w pamięć. Do tego zawsze w świetnej cenie.

SPRAWDZ NAJLEPSZE OKAZJE:
Poznaj naszą ofertę specjalną
kod:
PROMO28
KOPIUJ KOD
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ć
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText1(id) { console.log(id); document.getElementById('coppied_code2').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText1(id) , 1000); } function backToDefaultColorAndText1(id) { document.getElementById('coppied_code2').innerHTML = "KOPIUJ KOD"; document.getElementById('2').classList.remove('coppied_code'); } </script>
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/b699ab5b-a5fc-411e-be57-f05b16a6727d.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:
PROMO10
KOPIUJ KOD
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ć
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText1(id) { console.log(id); document.getElementById('coppied_code1').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText1(id) , 1000); } function backToDefaultColorAndText1(id) { document.getElementById('coppied_code1').innerHTML = "KOPIUJ KOD"; document.getElementById('1').classList.remove('coppied_code'); } </script>
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/0a76ba04-8696-4165-9e64-8c7865267ed0.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:
PROMOWIZ
KOPIUJ KOD
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ć
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText3(id) { console.log(id); document.getElementById('coppied_code3').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText1(id) , 1000); } function backToDefaultColorAndText1(id) { document.getElementById('coppied_code3').innerHTML = "KOPIUJ KOD"; document.getElementById('3').classList.remove('coppied_code'); } </script>
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:
PROMOA3
KOPIUJ KOD
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ć
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText4(id) { console.log(id); document.getElementById('coppied_code4').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText1(id) , 1000); } function backToDefaultColorAndText1(id) { document.getElementById('coppied_code4').innerHTML = "KOPIUJ KOD"; document.getElementById('4').classList.remove('coppied_code'); } </script>
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/d0a52fc5-8260-447b-bf02-16c7428c31d1.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:
PROMOMAG
KOPIUJ KOD
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ć
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText5(id) { console.log(id); document.getElementById('coppied_code5').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText1(id) , 1000); } function backToDefaultColorAndText1(id) { document.getElementById('coppied_code5').innerHTML = "KOPIUJ KOD"; document.getElementById('5').classList.remove('coppied_code'); } </script>
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/bfd79f95-736f-40e0-8d98-2d92ecf5d4ac.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:
PROMOSMART
KOPIUJ KOD
16,00 zł
20,00 zł
Smartbook
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText1(id) { console.log(id); document.getElementById('coppied_code6').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText1(id) , 1000); } function backToDefaultColorAndText1(id) { document.getElementById('coppied_code6').innerHTML = "KOPIUJ KOD"; document.getElementById('6').classList.remove('coppied_code'); } </script>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="SMARTBOOK"></div> <style> #SMARTBOOK { background-image: url("https://multimedia.gr.cyfrowafoto.com/cyfrowa-B/photos/c9e24bc9-a864-4bb9-a475-a580c5f2e1cc.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; } #SMARTBOOK:hover { background-color: #ffb548; text-decoration: none; } </style>
Oferta ważna do: 21.06.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