Haiko__ Posted July 27, 2022 Share Posted July 27, 2022 Hello, I have created an age limit in html css js and I would like to know where to put it so that it works.  Thanks for all answer 😃 Link to comment
tuanphan Posted July 28, 2022 Share Posted July 28, 2022 (edited) Can you send CSS/JS? We can help easier Normal CSS should be insert to Design > Custom CSS, HTML/JS add to Settings > Advanced > Code Injection > Footer Edited July 28, 2022 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Haiko__ Posted August 31, 2022 Author Share Posted August 31, 2022 On 7/28/2022 at 11:27 AM, tuanphan said: Can you send CSS/JS? We can help easier Normal CSS should be insert to Design > Custom CSS, HTML/JS add to Settings > Advanced > Code Injection > Footer Hi Sorry I didn't see you answer to me <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <title><img src="/Users/Desktop/Image/Logo/unamed-1copie.png"></title> <title> La Capilla </title> </head> <title> Vérification d'âge </title> <body> <img src="/Users/Desktop/Image/Logo/Logo La Capilla.png">  <br/> <label> Veuillez saisir votre âge </label> <input id="text1" type="number"> <p><button id="btn1"> Envoyer </button></p> </form> <script> let btn = document.getElementById('btn1'); btn.onclick = function() { verif() };  function verif(){   age = document.getElementById('text1').value; console.log(age); if ( age < 18){ alert("Vous n'êtes pas un adulte"); window.location.href = "https://www.google.com"; } else {  alert("Vous êtes majeur"); window.location.href = "https://capilla-wine.com"; } } </script> </body> </html> Link to comment
Haiko__ Posted August 31, 2022 Author Share Posted August 31, 2022 On 7/28/2022 at 11:27 AM, tuanphan said: Can you send CSS/JS? We can help easier Normal CSS should be insert to Design > Custom CSS, HTML/JS add to Settings > Advanced > Code Injection > Footer body{ background-color: #A9A9A9; font-family: 'Copperplate-Gothic-Light-Regular', serif; font-weight: normal; } Â input,button,label{ display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; } Â input{ box-shadow: 1px 1px 1px 1px; } Link to comment
Haiko__ Posted August 31, 2022 Author Share Posted August 31, 2022 (edited) I would like it to appear on all pages but once they enter they age(18+) the age limit disappears. And I think its on my code I will change that no? Thanks for the answer Edited September 1, 2022 by Haiko__ Wrong info Link to comment
tuanphan Posted September 3, 2022 Share Posted September 3, 2022 On 8/31/2022 at 9:08 PM, Haiko__ said: Hi Sorry I didn't see you answer to me <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <title><img src="/Users/Desktop/Image/Logo/unamed-1copie.png"></title> <title> La Capilla </title> </head> <title> Vérification d'âge </title> <body> <img src="/Users/Desktop/Image/Logo/Logo La Capilla.png">  <br/> <label> Veuillez saisir votre âge </label> <input id="text1" type="number"> <p><button id="btn1"> Envoyer </button></p> </form> <script> let btn = document.getElementById('btn1'); btn.onclick = function() { verif() };  function verif(){   age = document.getElementById('text1').value; console.log(age); if ( age < 18){ alert("Vous n'êtes pas un adulte"); window.location.href = "https://www.google.com"; } else {  alert("Vous êtes majeur"); window.location.href = "https://capilla-wine.com"; } } </script> </body> </html> I think your code missing some tags. Where did you get this code? You can find some free code on Codepen with keywords "age verification" then share me link. We can convert it to Squarespace. For ex this code: https://codepen.io/jonbp1993/pen/woKVbr Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Haiko__ Posted September 5, 2022 Author Share Posted September 5, 2022 On 9/3/2022 at 11:01 AM, tuanphan said: I think your code missing some tags. Where did you get this code? You can find some free code on Codepen with keywords "age verification" then share me link. We can convert it to Squarespace. For ex this code:Â https://codepen.io/jonbp1993/pen/woKVbr I created this code myself because I saw on one of the posts on this forum that you would have to pay to have an age limit so I decided to create it myself. Â How you convert it to Squarespace? Link to comment
tuanphan Posted September 6, 2022 Share Posted September 6, 2022 On 9/5/2022 at 7:37 PM, Haiko__ said: I created this code myself because I saw on one of the posts on this forum that you would have to pay to have an age limit so I decided to create it myself.  How you convert it to Squarespace? Depend on the code. Which CodePen you want to convert? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Haiko__ Posted September 7, 2022 Author Share Posted September 7, 2022 (edited) On 9/6/2022 at 3:24 PM, tuanphan said: Depend on the code. Which CodePen you want to convert? My code 😄https://codepen.io/Chikamasa/pen/oNdjMrX Edited September 7, 2022 by Haiko__ Link to comment
Haiko__ Posted September 30, 2022 Author Share Posted September 30, 2022 On 9/6/2022 at 3:24 PM, tuanphan said: Depend on the code. Which CodePen you want to convert? Hi, I didn't get answer about my question. Can you give me? Link to comment
tuanphan Posted October 1, 2022 Share Posted October 1, 2022 Try a Code Block > Paste this code (or you can also add to Page Header or Code Injection) <form> <label> Veuillez saisir votre âge </label> <input id="text1" type="number"> <p><button id="btn1"> Envoyer </button></p> </form> <style> input,button,label{ font-family: 'copperplate_gothic_light_regular',serif; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; text-decoration: underline; } input{ box-shadow: 1px 1px 1px 1px; } </style> <script> let btn = document.getElementById('btn1'); btn.onclick = function() { verif() }; function verif(){ age = document.getElementById('text1').value; console.log(age); if ( age < 18){ alert("Vous n'êtes pas un adulte"); window.location.href = "https://www.google.com"; } else { alert("Vous êtes majeur"); window.location.href = "https://capilla-wine.com"; } } </script>  Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment