In this tutorial, I’ll show you how to create a one-page website with interactive hover effects. I’ll also add the Wix Music player. This technique is great for any website, but especially when designing a musician portfolio or album release.

Play with this website: https://www.wix.com/website-template/view/html/2296

Wix.com
The Web Is Your Playground

Start Creating: https://www.wix.com/designers/playground

source

40 Comments

  11. Hey man, great tutorial! Thanks! On the example website, you made a menu bar (Top, My Music, Info, Video, Follow me)… and when one clicks it scrolls down to the section on the page. It would be awesome if you could share how you did that! Good vibez! 🙂

  18. NOT to mention, half these features won’t work on every device I’m finding with wix. Very janky platform tgat seem to only work best on Androids. Which means it was designed by foreign designers. Which means they don’t understand how vital it is to run smoothly on Apple products. Other countries use android as the standard. But Androids gives inferior editing and video playback performance compared to Apple devices. But wix looks and acts kinda shitty on Apple devices.

  19. YOU have the right idea, but you’re a good teacher I’m sure, maybe youre just a terrible editor. You leave way too much detail out. You assume the viewer knows ANYTHING about the things you do but never mention it’s location. These things are often deeply hidden. This Wix editor has been a huge waste of time so far, as is, and your speedy vague explanations didnt make it that much better either I guess. But looks really great visually.

  20. Hi, is it still possible on hover edit mode to select multiple objects at the same time and then align and distribute them as you show here?. I can't use the align tool (it's grayed) or make multiple objects selection in the box while in hover mode ( Chrome and Firefox – February 2021). For example, on Regular mode I have different texts/words spread on the box, when on hover mode I want them to animate as you did with the album name in this video. Seem like the UI and the way wix hover mode works changed. I can't understand why wix changed it. Looks like it used to be possible when you did this video.

  23. great design work! question- since you used elements outside of the Wix Grid Guidelines, does that mean not every device will be compatible with your design? You may run into some issues when sending the site out to clients who don't have a monitor that can stretch the length of the design you've made. Unless you know of a fix to this problem, I wouldn't recommend making a site using this creative text. if you know of a solution to this obstacle, we'd love to hear it!

  30. To fast if he can work as quick as that wow it makes it unreal why are so many YouTube creators trying to be so fast with speech and vids. I presume they have something good to get home to.!!!

  34. Very Well Explained. Little bit fast, but this is not an issue. You have created a 1 page website within 10 mins. Well done. We need to be able to do all these things without trying to learn at the same time. But overall very good. Keep up the good work. Thanks

Leave A Reply

Please enter your comment!
Please enter your name here