Lesson 9: Use Images for Navigation | Design Your Website with Advanced Features - Best Webhosting
Thanks! Share it with your friends!
ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU
WEB HOSTING COMPANY
Watch Website Builder Wix.com Video: Lesson 9: Use Images for Navigation | Design Your Website with Advanced Features.
In this lesson, you'll learn how to add a navigation menu made of images instead of text.
We'll cover everything you need to know, from adding a lightbox and gallery, to customizing your content to make this unique menu work.
Timestamps:
00:00 Intro
00:11 How navigation by site images works
00:28 Add and edit a lightbox
02:07 Add your content and gallery
03:19 Link your images
03:48 Adjust the settings
05:14 Link the open button
05:40 Preview the lightbox
05:52 Outro
There’s more where this came from. Watch the full course here:
https://www.wix.com/learn/online-course/site-building-and-design/design-your-website-with-advanced-features
And check out all of our courses and lessons on Wix Learn: https://www.wix.com/learn
Related Videos
-
Lesson 7: Reveal Illustrations and Images | Design Your Website with Advanced Features
Added 19 Views / 0 LikesIn this lesson, you'll learn how to create an awesome reveal effect on your Wix website. We'll cover how to add your images in the right way to get the correct effect and set up the scroll effects that will make this magic happen. Timestamps: 00:00 Intro 00:28 Import your images correctly 01:00 Add the first image strip 01:52 Add the second image 02:17 Add the scroll effect 02:54 Outro There’s more where this came from. Watch the full course here: htt
-
Lesson 5: Animate Your Logo | Design Your Website with Advanced Features
Added 15 Views / 0 LikesIn this lesson, you'll learn how to add an animation effect to your logo. We'll cover how to add, edit and change the states of your logo to make this animation work. Timestamps: 00:00 Intro 00:24 Add your logo as a button 01:00 Change the states of your button 01:45 Link your button to the homepage 02:13 Outro There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/site-building-and-design/design-your-we
-
Lesson 6: Welcome Visitors on Mobile | Design Your Website with Advanced Features
Added 14 Views / 0 LikesIn this lesson, you'll learn how to create a welcome screen for people who visit your site from mobile devices. We'll cover adding and editing your welcome screen and show you how to test it out on a real mobile device before you publish. Timestamps: 00:00 Intro 00:24 Add a Welcome Screen 01:21 Test on a real mobile device 01:49 Outro There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/site-building-a
-
Lesson 3: Add Sticky Videos | Design Your Website with Advanced Features
Added 15 Views / 0 LikesIn this lesson, you'll learn how to add a sticky video to your site, adding an extra wow factor to your design. We'll cover how to add, edit and pin a transparent video from start to finish. Timestamps: 00:00 Intro 00:31 Add a transparent video 01:32 Recolor your video 01:47 Change your video’s behaviors 02:03 Pin it to the screen 02:28 Preview your sticky video 02:37 Outro There’s more where this came from. Watch the full course here: https://www.wix
-
Lesson 8: Create Simultaneous Animations | Design Your Website with Advanced Features
Added 16 Views / 0 LikesIn this lesson, you'll learn how to create multiple animations that all run at the same time. First, you’ll see a creative example of a simultaneous animation and then find out everything you need to know to make your own. Timestamps: 00:00 Intro 00:12 Check out a simultaneous animation 00:37 Add your own simultaneous animation There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/site-building-and-desi
-
Lesson 1: Build an Interactive Gallery | Design Your Website with Advanced Features
Added 18 Views / 0 LikesIn this lesson, you'll learn how to add an interactive gallery that allows your visitors to have some fun with your website’s images. We'll cover how to add and edit a freestyle gallery for maximum effect. Timestamps: 00:00 Intro 00:33 Check out an interactive gallery 00:59 Add a freestyle gallery 02:20 Edit the layout 02:54 Outro There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/site-building-and-d
-
Lesson 4: Play with Fold-In Animations | Design Your Website with Advanced Features
Added 14 Views / 0 LikesIn this lesson, you'll learn how to play around with Fold-In animations. You’ll see what a Fold-In animation is and then how to add one to your site. Timestamps: 00:00 Intro 00:10 Check out the Fold-In animation 00:31 Create your own Fold-In animation 02:28 Outro There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/site-building-and-design/design-your-website-with-advanced-features And check out all of
-
Lesson 2: Create Site Frames | Design Your Website with Advanced Features
Added 15 Views / 0 LikesIn this lesson, you'll learn how to create a frame effect for your Wix website. We'll cover everything you need to know, from adding multiple strips and setting margins to pinning the top and bottom strips to your page. Timestamps: 00:00 Intro 00:22 Set the margins for your strips 00:45 Add a transparent strip to your header and footer 01:11 Set the page background color 01:25 Pin a box to the top and bottom 03:34 Outro There’s more where this came fr
-
How to Use Advanced Features in Google Analytics - Module 06 - Lesson 3 - SEO Unlocked
Added 64 Views / 0 LikesToday in SEO Unlocked we're going to be going over Google Analytics part two. In other words, I'm going to help you master Google Analytics and got into some of the nitty-gritty details that you need to know to really succeed. RESOURCES & LINKS: ____________________________________________ Download the assets mentioned in this video: https://neilpatel.com/training/ SEO Unlocked Course Playlist: https://www.youtube.com/watch?v=Q_lySNxCag0&list=PLJR61fX
-
Lesson 2: Set Up Navigation and Pages | Build Your Accessible Website
Added 20 Views / 0 LikesIn this lesson, you'll learn how to build accessible pages and provide enough navigation options on your Wix site. We'll cover how and why to set the correct site language and run through some best practices for making your site’s pages and navigation more accessible. Timestamps: 00:00 Intro 00:15 How assistive technologies interact with site languages 01:15 Add site language and pages 03:16 Set your site’s page titles 04:35 Add navigation options 08:
-
Lesson 9: Check Out Advanced Accessibility Options | Build Your Accessible Website
Added 19 Views / 0 LikesIn this lesson, you'll learn how to use some more advanced accessibility features on your Wix site. We'll cover visual indicators, Skip to Main Content, how to change your site’s DOM order, add ARIA labels and use tabindex. Timestamps: 00:00 Intro 00:10 Advanced accessibility options 00:48 Visual Indicators and Skip to Main Content 02:23 Automatic DOM order 04:40 Accessibility Dev Tools 06:09 Accessibility toolbars 07:11 Outro There’s more where this
-
Lesson 5: Customize Images and Galleries | Build Your Website with the Wix Editor
Added 23 Views / 0 LikesIn this lesson, you'll learn a few different ways of adding images to your site to really make it pop, including galleries. We'll also cover how to edit images within the Editor so they match your site’s design. Timestamps: 00:00 Intro 00:29 Adding images to your site 01:58 Customize your image settings 04:01 Adding a gallery to your site 07:20 Customize your images 09:10 Outro There’s more where this came from. Watch the full course here: https://www
