Lato:400,400i,700,700i:cyrillic,greek,latin-ext,vietnamese
Oswald:400,400i,700,700i:cyrillic,greek,latin-ext,vietnamese
Kody rabatowe >
FORMATY KALENDARZY
32x45 cm
A3 pion
22x32 cm
A4 pion
45x32 cm
A3 poziom
32x22 cm
A4 poziom
CENY WIELOSZTUK
Kody dotyczą kopii jednego projektu.
1
sztuka
2
sztuki
3
sztuki
4-9
sztuk
-
23,90 zł/szt.
- 22,90 zł/szt.
- 21,90 zł/szt.
- 19,90 zł/szt.
Fotokalendarz A3 pion / poziom
PROJEKTUJ
KOPIUJ KOD
Zamów z kodem:
KOD3L7W
This is a custom code placeholder.
Switch to
Preview
or publish the page
to see how your code works.
Double-click to edit
<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>
10+
sztuk
-
18,90 zł/szt.
1
sztuka
2
sztuki
3
sztuki
4-9
sztuk
-
21,90 zł/szt.
- 20,90 zł/szt.
- 19,90 zł/szt.
- 18,90 zł/szt.
Fotokalendarz A4 pion / poziom
PROJEKTUJ
KOPIUJ KOD
Zamów z kodem:
KODA23M
This is a custom code placeholder.
Switch to
Preview
or publish the page
to see how your code works.
Double-click to edit
<script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } function changeText2(id) { console.log(id); document.getElementById('coppied_code2').innerHTML = "GOTOWE"; setTimeout(() => backToDefaultColorAndText2(id) , 1000); } function backToDefaultColorAndText2(id) { document.getElementById('coppied_code2').innerHTML = "KOPIUJ KOD"; document.getElementById('2').classList.remove('coppied_code'); } </script>
10+
sztuk
-
17,90 zł/szt.
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><div id="procent">+</div><p> <p id="number-text">zadowolonych klientó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: 'Oswald'; } #numberWang { position: relative; margin: auto; width: 100%; text-align: center; font-size: 60px; font-weight: 700; display: inline; } #number-text { color: white; font-weight: 200; padding: 0px; margin: 0px; font-size: 20px; } #procent { display: inline-block; vertical-align: inherit; font-size: 48px; font-weight: 700; } </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 = 999; // Use function numberWang.countUpOrDown('numberWang', 0, userFollowers, 12, "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">takie jakie chcesz</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: 'Oswald'; 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, 120, "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="numberWang2"></div><p> <p id="number-text">dni w roku</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: 'Oswald'; } #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 = 365; // Use function numberWang2.countUpOrDown('numberWang2', 0, userFollowers, 33, "shake", "0.03s", "tada", "2s"); // } // }); })(); </script>
Oferta ważna do:
30
.09.2024 r.
NAJCZĘŚCIEJ WYBIERANE SZABLONY
ZOBACZ NASZE SZABLONY
Wszystkie prawa zastrzeżone. MPP sp. z o.o. © 2023