Jump to content

NikolaNikic

Member
  • Posts

    30
  • Joined

  • Last visited

Everything posted by NikolaNikic

  1. Hi, Try this code: Insert into: Pages > Website tools > Code injection <script> document.querySelectorAll('a img').forEach(img => { img.parentElement.setAttribute('target', '_blank'); }); </script> Let me know if this works for you If this worked for you please click the ' Mark as Solution ' Button. Thanks in advance Best Regards
  2. a line like the default one of the navbar
  3. No problem, if you have more questions fell free to ask! Best Regards
  4. Hi, it's really no problem i don't understand the content because of it's positioning, i would make the section wider I'm going to show you how would i design this ( THOSE ARE EXAMPLES ) Obtained in Yale University: Certificate in Tropical Forest landscape Conservation - 2024 Obtained in Washington D.C: Founder, Lead Designer + Creative strategist at Take Heart Textiles - 2023 Architectural Designer - (Date if you got one) Obtained in University of Arkansas: LEED Green Associate - 2021 Ethics of Sustainable Development - 2020 The GREEN Program - Bachelor of Architecture - 2020 in your desing it's complicated to associate a degree to a school and also what's the GREEN Program is that a degree too Best Regards
  5. Hi @CharlieThomas I reviewed your site and it's really really beautiful I love the: font, the images, and the footer which is minimal but beautiful to see. one thing i gotta report tho is that in the ' About wendly ' page, the description of Mr. Matt is positioned lower than Miss. Charlie one! I've attached a screenshot!! Best regards I wish you the very best of luck with your site/business
  6. Hii @MackenzieKuck I reviewed your site, i really like it. The color palette is great, and the divisors between sections are great! There are just a couple of things: I would remove the ' Let's connect section ' on the About page and make it another cool page! and the newsletter form in the footer. And the background section under the picture of you, Miss Mackenzie, I think, needs to be revisited as I didn't understand anything. i would also separate the home page from the ' ART ' dropdown In the home i would put the " meet the artist " title with the other text in the green box i uploaded a screenshot of it as of the rest the site is pretty great! Best regards And good luck with your site if i resolved your issues or responded correctly to your question please click the button " Mark as answer "
  7. i wanted it just to display a line under the link!
  8. Site password: k I was wondering if it was possible to change the hover effect in the menu! thank you in advance! Best regards Screen Recording 2024-09-05 at 7.31.19 PM.mov
  9. Hi, thank you for responding!!!! the password is: myfavs Regards
  10. Hi, I was wondering if it's possible to display flags in the scrolling text currently, if i put for example an American flag in the scrolling text i see two boxes with the " U and S " text Here's the site: MyFavs By Nikola How can i resolve, Thanks in advance Best regards.
  11. Glad i could help, if there's something else you wanna change or add just reach out to me! I wish you the best Bye
  12. i currently use: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : "article .page-section", scrollSpeed: 1800 }); }); </script> it works but it's very glitchy, The site is: Nikic Costruzioni By Goran & Boban Nikic If someone knows how to resolve the issue please let me know Thanks in advance
  13. Hi, sorry to hear that. I double-checked the code and everything works fine to me! // Check if we are on the specific page where we want to disable the script if (window.location.pathname !== '/attract') { // Replace '/specific-page' with the actual path const resetIdleTimeout = function() { if (isPopupVisible) return; // Don't reset if popup is visible try putting the whole URL and let me know how it works ex: https://yoursite.com/page
  14. Hi, sorry for the long time i took to respond, You got me unprepared here but we can stil try something It sounds like you’re trying to disable the pop-up on a specific page, and while your code hides the pop-up, the redirect still happens. You can add JavaScript to the specific page’s header or footer to override the site-wide idle pop-up script. Here’s how you can do it: YOU CAN EITHER ADD THIS CODE TO REPLACE THE ALREADY EXISTING JS <script> (function() { const idleDurationSecs = 5 * 60; // 5 minutes const countdownDurationSecs = 120; // 2 minutes const redirectUrl = 'https://nikicostruzioni.squarespace.com/#1'; let idleTimeout; let countdownInterval; let isPopupVisible = false; const popup = document.getElementById('idle-popup'); const countdownElement = document.getElementById('countdown'); const stayButton = document.getElementById('stay-btn'); // Check if we are on the specific page where we want to disable the script if (window.location.pathname !== '/specific-page') { // Replace '/specific-page' with the actual path const resetIdleTimeout = function() { if (isPopupVisible) return; // Don't reset if popup is visible if (idleTimeout) clearTimeout(idleTimeout); if (countdownInterval) clearInterval(countdownInterval); idleTimeout = setTimeout(showPopup, idleDurationSecs * 1000); }; const showPopup = function() { isPopupVisible = true; popup.style.display = 'block'; let remainingSeconds = countdownDurationSecs; const updateCountdown = function() { countdownElement.textContent = remainingSeconds; if (remainingSeconds <= 0) { clearInterval(countdownInterval); location.href = redirectUrl; } remainingSeconds--; }; updateCountdown(); countdownInterval = setInterval(updateCountdown, 1000); }; const stayOnPage = function() { isPopupVisible = false; popup.style.display = 'none'; if (countdownInterval) clearInterval(countdownInterval); resetIdleTimeout(); }; stayButton.addEventListener('click', stayOnPage); // Init on page load resetIdleTimeout(); // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove', 'scroll'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, true) ); } })(); OR YOU CAN ADD THIS CODE TO THE HEADER CODE ON THE SPECIFIC PAGE <script> document.addEventListener('DOMContentLoaded', function() { // Find the idle-popup element and prevent the redirect var idlePopup = document.getElementById('idle-popup'); if (idlePopup) { idlePopup.style.display = 'none'; // Hide the popup // Override the function or event handler that triggers the redirect // This depends on how the redirect is implemented in your site-wide code. // Example: if there's an interval or timeout set for the redirect, clear it. clearTimeout(idleTimeout); } }); </script> I'm really sorry the code didn't work for you! Please, try this and DELETE THE CODE LINE FROM THE SPECIFIC PAGE HEADER! Best regards and again, i'm sorry
  15. I checked out the pages, and it sounds like you’re noticing some banding issues on the black backgrounds. Banding is when a gradient doesn’t appear smooth, and it can happen even if the color values are technically correct. It might be due to how the images or backgrounds are being compressed or the color depth being used. If the site hasn’t been updated recently, it might be related to how different devices or screens are rendering the colors or even a subtle change in how the background is being displayed due to browser updates. 1. Check Image Compression: • Squarespace Compression: Squarespace compresses images automatically to make the site load faster. Sometimes, this compression can cause artifacts or banding, even on flat, solid-color backgrounds. • Upload Higher Quality Images: If the black background is an image, try uploading a higher-quality version with minimal compression. PNG files are generally better than JPEGs for solid colors since they handle compression better and avoid artifacts. 2. Use a Solid Color Background: • Set Solid Color in Squarespace: Instead of using an image for the black background, use Squarespace’s built-in option to set a solid color background. Go to Design > Site Styles and set the background to pure black (#000000). This ensures there’s no compression or artifact issues. 3. Check for Overlays or Transparency: • Remove Overlays: Ensure there are no overlays or transparency settings applied to the background. Sometimes, a slight transparency can cause variations in color. • Background Block Settings: If the black background is part of a content block, check the block settings to make sure there’s no color overlay or transparency applied. Adjust or remove any settings that might be affecting the solid black color. 4. Clear Cache and Test on Different Devices: • Clear Browser Cache: Sometimes, cached versions of the site might be causing visual issues. Clear your browser cache and reload the page to see if the banding disappears. • Test on Different Devices: View the site on different devices and screens. The banding might appear differently depending on the screen quality or device, so it’s good to see how it looks across multiple devices. 5. Check Monitor Calibration: • Monitor Settings: Sometimes, the issue isn’t with the site but with the monitor’s calibration. Ensure that your monitor is properly calibrated, as poor calibration can cause colors, especially dark ones, to appear uneven. ---------------------------------------- To be honest I didn't notice anything, even after deep examination and with different browsers and devices! If you need more help or want to dig deeper, let me know! Best Regards,
  16. Hi guys, I was wondering if someone could rate from 1 to 10 my website design and give me some advice if you want! MyFavs by Nikola Password: myfavs
  17. hi, how can i resolve the issue, this is the code i'm using: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : "article .page-section", scrollSpeed: 1800 // Adjust value to make the scroll slower (1000 is the default) }); }); </script> thank you in advance, best regards
  18. I'm really glad this worked out for you! just to know, and to be sure, did you check if the popup when at 0 redirects you to your chosen page? may i have your site link to see a bit what you did on it, I'm curious, if you don't want, thats ok Have a nice day/night Best Regards
  19. Let's try this code JS AND HTML <div id="idle-popup"> <h2>Are you still there?</h2> <p>You will be redirected in <span id="countdown">120</span> seconds.</p> <button id="stay-btn">I'm still here</button> </div> <script> (function() { const idleDurationSecs = 5 * 60; // 5 minutes const countdownDurationSecs = 120; // 2 minutes const redirectUrl = ''; // ADD URL TO WHICH YOU WANT TO REDIRECT USERS let idleTimeout; let countdownTimeout; let countdownInterval; let isPopupVisible = false; const popup = document.getElementById('idle-popup'); const countdownElement = document.getElementById('countdown'); const stayButton = document.getElementById('stay-btn'); const resetIdleTimeout = function() { if (isPopupVisible) return; // Don't reset if popup is visible if (idleTimeout) clearTimeout(idleTimeout); if (countdownTimeout) clearTimeout(countdownTimeout); if (countdownInterval) clearInterval(countdownInterval); idleTimeout = setTimeout(showPopup, idleDurationSecs * 1000); }; const showPopup = function() { isPopupVisible = true; popup.style.display = 'block'; let remainingSeconds = countdownDurationSecs; const updateCountdown = function() { countdownElement.textContent = remainingSeconds; if (remainingSeconds <= 0) { clearInterval(countdownInterval); location.href = redirectUrl; } remainingSeconds--; }; updateCountdown(); countdownInterval = setInterval(updateCountdown, 1000); }; const stayOnPage = function() { isPopupVisible = false; popup.style.display = 'none'; if (countdownInterval) clearInterval(countdownInterval); resetIdleTimeout(); }; stayButton.addEventListener('click', stayOnPage); // Init on page load resetIdleTimeout(); // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove', 'scroll'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, false) ); })(); </script> CSS: #idle-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f8f9fa; border: 2px solid #007bff; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; } #idle-popup h2 { color: #343a40; margin-bottom: 15px; } #countdown { font-size: 24px; font-weight: bold; color: #dc3545; } #stay-btn { margin-top: 15px; padding: 10px 20px; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } #stay-btn:hover { background-color: #218838; } Try this if it doesnt work let me know!
  20. Thanks for your feedback! Here's Why // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove', 'scroll'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, false) ); })(); we put ' mousemove ' which resets the countdown, as soon as the mouse moves, We can either delete the ' mousemove ' attribute, but the user could move the mouse around and the countdown is not going to stop or reset ( BUT WE HAVE THE CLICK, SCROLL and TOUCHSTART attributes wich could make it so the mousemove wont make a difference if deleted,) if you want you can even put the ' touchend ' attribute or you can give me a few minutes to try and resolve the issue What do you want to do?
  21. I'm really glad the code worked, To create the pop-up we have to change the JS slightly and add some HTML as well as some CSS Javascript and HTML <div id="idle-popup"> <h2>Are you still there?</h2> <p>You will be redirected in <span id="countdown">120</span> seconds.</p> //Change this number based on your needs <button id="stay-btn">I'm still here</button> </div> <script> (function() { const idleDurationSecs = 300; // 5 minutes // Use this line to change the total time a user has until redirected const countdownDurationSecs = 120; // 2 minutes // Use this line to how many seconds should remain for your pop-up to come up const redirectUrl = ''; // ADD URL TO WHICH YOU WANT TO REDIRECT USERS let idleTimeout; let countdownTimeout; let countdownInterval; const popup = document.getElementById('idle-popup'); const countdownElement = document.getElementById('countdown'); const stayButton = document.getElementById('stay-btn'); const resetIdleTimeout = function() { if (idleTimeout) clearTimeout(idleTimeout); if (countdownTimeout) clearTimeout(countdownTimeout); if (countdownInterval) clearInterval(countdownInterval); popup.style.display = 'none'; idleTimeout = setTimeout(showPopup, idleDurationSecs * 1000); }; const showPopup = function() { popup.style.display = 'block'; let remainingSeconds = countdownDurationSecs; const updateCountdown = function() { countdownElement.textContent = remainingSeconds; if (remainingSeconds <= 0) { clearInterval(countdownInterval); location.href = redirectUrl; } remainingSeconds--; }; updateCountdown(); countdownInterval = setInterval(updateCountdown, 1000); }; stayButton.addEventListener('click', resetIdleTimeout); // Init on page load resetIdleTimeout(); // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove', 'scroll'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, false) ); })(); </script> CSS #idle-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f8f9fa; border: 2px solid #007bff; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; } #idle-popup h2 { color: #343a40; margin-bottom: 15px; } #countdown { font-size: 24px; font-weight: bold; color: #dc3545; } #stay-btn { margin-top: 15px; padding: 10px 20px; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } #stay-btn:hover { background-color: #218838; } Hope this works as it should, remember you can change the design as much as you. want! IF something doesn't work as expected reply! Best regards
  22. @THDesign thank you for your feedback, and thank's for checking the ' problem solved button ' but I don't wanna leave you with a code that doesn't work 100% here's the updated version that should make the code recognize the scroll behavior: <script> (function() { const idleDurationSecs = 20; // X number of seconds const redirectUrl = ''; // ADD URL IN WICH YOU WANNA REDIRECT USERS es. yourpage.com/home let idleTimeout; // variable to hold the timeout, do not modify const resetIdleTimeout = function() { // Clears the existing timeout if(idleTimeout) clearTimeout(idleTimeout); // Set a new idle timeout to load the redirectUrl after idleDurationSecs idleTimeout = setTimeout(() => location.href = redirectUrl, idleDurationSecs * 1000); }; // Init on page load resetIdleTimeout(); // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove', 'scroll'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, false) ); })(); </script> IF YOU WANT: i can create a pop up that shows the remaining time es: you set the idle duration to 50 seconds a countdown pop-up comes up when 20 seconds are remaining. hope this works for you Best regards
  23. Hi @THDesign Check if this code works for you: Add to: Website tools > Code injection <script> (function() { const idleDurationSecs = 20; // X number of seconds const redirectUrl = ''; // ADD URL IN WICH YOU WANNA REDIRECT USERS es. yourpage.com/home let idleTimeout; // variable to hold the timeout, do not modify const resetIdleTimeout = function() { // Clears the existing timeout if(idleTimeout) clearTimeout(idleTimeout); // Set a new idle timeout to load the redirectUrl after idleDurationSecs idleTimeout = setTimeout(() => location.href = redirectUrl, idleDurationSecs * 1000); }; // Init on page load resetIdleTimeout(); // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, false) ); })(); </script> Hope this works IF this works click the mark as solution button
  24. sure thing! nikicostruzioni.squarespace.com the password is written on screen it should be: k if you have some advice I'm all ears
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.