Newbie here. I am trying to make a personal site to send to friends as an invitation to a party.
The idea is to have a sort of interactive ‘ticket’. I created a ticket in photoshop with information on it such as date, location, ‘more details’ etc. The idea is to position link blocks or buttons overtop those pieces of info on the background image so that people can tap on the location to open a google business info page, on the date to open a google calendar invite, on a fake barcode that says ‘more details’ to bring them to another page with info about the party.
I have been trying different ways to accomplish this every day since last week and I am trying hard not to rage quit the whole idea! I cannot figure out how to position elements over the correct areas of the image, and of course when I slide the display size up and down, the buttons go all over the place. How do I make them stay put?
I’m not super comfortable posting the read-only webpage because it includes personal info about the time, date and location of our Civil Ceremony Afterparty and I don’t want to tempt wedding crashers D: I hope I’ve been descriptive enough.
There isn’t really a good way to do that considering the page is responsive so the buttons will move around. I’d suggest recreating the design right in Webflow and making the elements actual divs/links. I can’t really advise more than that. good luck!
Thanks for taking the time to respond!
One of my first attempts in creating this involved building actual divs/links and those were moving around too much as well. Is there a function I can use to anchor div blocks together somehow?
Hi!
This is very much like what the ticket I made in photoshop looks like…I’m just having difficulty making areas on the ticket tap/clickable. How did you make your buttons stay in the proper areas between display sizes?
Thank you so much for taking the time to help me! I might DM my link to you after I work on this a bit. I’ll play with your site and try to bring my own site up to speed. Thank you <3