![Oaklyn Studio](/img/default-banner.jpg)
- 11
- 207 982
Oaklyn Studio
เข้าร่วมเมื่อ 14 พ.ย. 2016
I’m Hannah, your designer ally, crafting Showit Website Templates and sharing step-by-step TH-cam tutorials to help you unleash your creative genius & rock your online presence. My mission is clear: empower you to DIY a website that's uniquely and brilliantly YOU. Let's turn your online dreams into pixel-perfect reality, one template and tutorial at a time!
Showit Full Screen Pop-up
This video is going over pop ups much like my previous video here: th-cam.com/video/Elb-oEz6zn0/w-d-xo.html
However, in this video we will learn how to make the pop up full screen to disable the user from scrolling behind it.
However, in this video we will learn how to make the pop up full screen to disable the user from scrolling behind it.
มุมมอง: 501
วีดีโอ
Different Image Hover Effects in Showit
มุมมอง 1.8Kปีที่แล้ว
In this video I'm going over three different image hover effects you can achieve in Showit. 1. Color text reveal 2. Image zoom 3. Image replace
How to Use Canvas Views to Create Testimonials in Showit
มุมมอง 4132 ปีที่แล้ว
In this video I will be going over how to create a rotating testimonial section using canvas views in Showit.
How to Create a Scrolling Website Image in Canva
มุมมอง 19K2 ปีที่แล้ว
Learn how to have a scrolling website image within another image - all using Canva. Recording App - Nimbus Capture Stock Image - Moyo Studio Website Template - Oaklyn Studio
How to Create Navigation Menus in Showit
มุมมอง 8K2 ปีที่แล้ว
You can create a variety of menus in Showit. Whether it’s the common horizontal header, a hamburger menu, sub-menu, or pop ups - I’ll show you how to make them all and give you tips and tricks to make them work seamlessly and professionally on your website. 1:57 Drop Down Menu 10:20 Top Menu (Hamburger) 19:30 Side Menu (Hamburger) 25:31 Scroll Reveal Menu
How to Turn Your Logo File Into A Social Media Profile Image
มุมมอง 2.1K5 ปีที่แล้ว
Learn how to take the files you get from your designer, and turn them into a square format you can use for your social media profile images. All using Canva.
How to Create a Subscribe Pop Up in Showit
มุมมอง 3.9K6 ปีที่แล้ว
Learn how to create a subcribe pop up in your Showit website for your newsletter.
Website Scroll Animation for Instagram Stories
มุมมอง 37K6 ปีที่แล้ว
How to create a phone sized website animation In Photoshop to upload for your stories.
How To Create a Scrolling Website Animation In Photoshop
มุมมอง 132K7 ปีที่แล้ว
Learn how to make a website scroll in your image inside Photoshop, then export it to a GIF or Video for Instagram.
Create a Mood Board Using Canva
มุมมอง 3.6K7 ปีที่แล้ว
Video showing you how to create a custom mood board using Canva. No fancy designer programs necessary. All photos are sourced from Pinterest | Not my own.
Create a GIF in Photoshop in Less than 5 Minutes
มุมมอง 7047 ปีที่แล้ว
An easy way to create an animated image using Photoshop. How to export to .gif and video format for Instagram.
Just started building on Show It and it has been extremely intimidating, but this helped so much!
In your drop down menu example, is there a way to hover over a menu item (portfolio) to show the drop down menu and also click on that item (portfolio) to take you to a portfolio page? Does that make sense?
Amazing video, very helpful and inspiring!
Thanks! was trying to remember how to do this, you made it simple.
Super helpful. Thank you!!
Hey, Is there a way that the subscribe pop up don't show up every time the person go to the home screen? It can be annoying after awhile.
Right now, I only know of the selection option to have it pop up "once." You'll see this in the right side bar. That means it won't pop up again unless they leave your site, and then come back.
I tried the same as you same but didn't worked... I created a video and inserted inside a frame then later exported as website.
Thanks so much for creating this video! It helped me do exactly what I wanted to promote my best friend's first book of poetry that I posted on my Instagram stories today. You did such a great job.
Amazing tutorial! Thanks SO MUCH! Super helpful. I kist have one question, do you know how to make the dropdowns reveal as a hover action instead of having to click on the name to display de dropdown?
Unfortunately, Showit doesn't have hover effects for navigation as of now. Maybe one day they will add something like that ^_^ but because of the way the builder works I don't know of a way that could be done
Thank you angel ❤
Can´t find Capture, can you send the url? :) great video!!!
Here you are! chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl
At 10:10 in the video how do I remove this from mobile???
Anything that you don't want displayed on mobile can be disabled by clicking the little phone icon next to the element in the layers panel. Hope that helps!
Thank you so much for this tutorial!
Thank you!!!🙏🙏🙏
Thanks for these tutorials! How would I enable the pop-up to scroll? I have a little "info" pop-up I'm doing and I need to be able to scroll down when it's up. Any ideas how to do this?
Hi Breann! I don't believe that this is something that you would be able to do through Showit. You would probably have to have some knowledge of coding to create an area within your popup that is scrollable. I'm sorry I couldn't be more helpful!
So helpful thanks!
Loved this! Very helpful - thank you!!
Wow!!! "Old people who don't know what a hamburger menu is". What a naive and ridiculously ageist comment!
Oh my, did I really say that! I apologize. I spoke only thinking of my grandparents who were computer illiterate. But you are very right in calling that comment out-- as it was very short sighted.
Hi! Is it possible to have a different header/nav on each page of the same site? For example it has a background on the homepage, but not on other pages. Would this be done with custom CSS? Thank you!
Hmmm, I'm sure it can be done with CSS. But if it's something simple like different background colors; I would design your navigation to be transparent then place colored bars behind the navigation on the different pages.
@@oaklynstudio ok thanks! I actually ended up creating multiple headers (the design was different on almost every page, some were overlapping a photo, some had background image, some did not etc.). I'm not sure this was the most efficient way, but it seems to work for this specific situation.🤷♀
@@susangoodwin7419 Yea, that was probably best if they were all very different. Good luck on your designing!
Hi! How do you change menu colors (text and background) as you scroll up or down? As in the Top Menu (Hamburger).
I've used scroll actions to change it as a I scroll down, but can't change it back if I scroll back up.
In the video at around 25minutes I talk/show how you can have a background show up behind the menu by changing the canvas view by using scroll actions. You could use this same process, except your second canvas would have different colors. For example, your hamburger could be black in your Canvas View 1. In your Canvas View 2 you could change your hamburger icon to pink. After setting up the scroll actions to change after scrolling off the page, you could have them switch between Canvas views. Hopefully this gives you some ideas and helps!
Nicely done. Thank you.
Thank you for this helpful video! I followed along just fine until I clicked the 'tween' dots. Nothing was popping up for me, so I can adjust the numbers and then I tried the three little lines at the bottom right of the Photoshop Timeline window and I was able to click on the word 'tween', which then popped up a window so I can make the adjustments.
EXACTLY what I needed tonight. Thank you! (subscribed)
Glad to hear it! And you're very welcome ^_^
Could you make a tutorial on how to have images of different sizes fade in on screen at different times to take up the screen?
Hmmm. It is definitely possible. I'll add it to my queue of videos to create ^_^
Hi Sara, hope this is what you were looking for: th-cam.com/video/tzJvd-r0BMg/w-d-xo.html
mine worked first and then it stopped producing animation basically every time i press the dots nothing happens
Hmmm. I'm not exactly sure what the issue could be. But when you say "dots" I assume you mean the tweening feature. Just make sure you have 2 frames and that both frames are selected before clicking those dots. If you are still having issues, I always recommend deleting everything, restarting photoshop, and starting over from the beginning to see if the issue could just be a missed step. Sorry I couldn't be more help!
Thank you for this helpful video! I followed along just fine until I clicked the 'tween' dots. Nothing was popping up for me, so I can adjust the numbers and then I tried the three little lines at the bottom right of the Photoshop Timeline window and I was able to click on the word 'tween', which then popped up a window so I can make the adjustments.
Can your husband help us make the placeholders more attractive and presentable with coding? Please!
You mean the embedded form? What platform are you using?
@@oaklynstudio Yes! We use Sendinblue
@@angiegutierrez9275 I see! Customizing forms isn't a service we offer, but it looks like you have some great building capabilities on that platform. help.sendinblue.com/hc/en-us/articles/360019486520-Create-a-subscription-form-Part-2-Design-your-subscription-form I would recommend simplifying the form as much as possible, removing all text and backgrounds and leaving only the sign up fields. Then use Showit to build out the rest of it. This will give you the freedom you are looking for design wise.
@@oaklynstudio You're right! Thanks for looking into that in depth
You save my life <3
I LOVED this! Thank you soo much for sharing! Would love to see more videos about fancy Showit hacks :)
I just want to thank you so much for taking the time to make this. it is so simple and pretty much life changing information
My whole image moves up with the mask not the image inside mask when I hold the Shift key and drag up the image
It sounds like they may still be linked. Make sure your image and mask are unlinked by clicking the chain icon between them.
Or make sure that the mask is on the correct image layer (the one you want to move up).
@@oaklynstudio It's working fine now. Thanks for the help Oaklyn. This tutorial really helped me ❤❤👌
Love this simple tutorial! Quick question - When I render video, it does not keep the forever looping. Suggestions?
On your timeline in the dropbox make sure it says "Forever" and not "Once" or other single play options.
Fantastic, thank you soooooo much
Thank you for this turtorial! That was so help and sight to the point!
Hey! The drop-down menu is showing up behind the content on the page under it. How do I fix that?
Hi Janae! It sounds like your canvas stacking orders might be out of order. After selecting the canvas the drop-down menu is on, go to the right panel and select the Canvas tab. Change the stacking order to a higher number than any of your other ones you want below it. Hope that solves it!
Thank you for asking this question! I was having this exact issue! 🙌🏽🙌🏽
@@MieyaOladipupo You're welcome! Her instructions helped :)
So very helpful. I have mine as part of the page instead of a pop up. I will have to see how that works
Can you make a menu that appears as you scroll to a canvas further down the page?
Yes, you should be able to by using scroll actions. This video might help you better understand that: th-cam.com/video/Elb-oEz6zn0/w-d-xo.html
I just started building in Showit and I'm so glad I found this video!
I'm glad it was helpful!
You're a Genius
Exactly what I was looking for today. Thanks a bunch!
Thanks, MAM For explaining in simple words 😊
I am not computer savvy at all this was terrific I am a massage therapist who wanted to plug this on my IG thanks so much!!!!
This is awesome tutorial. Thank you!
Thanks so much for the tutorial!!!
straight to the point and clearly spoken...awesome
That was the BEST video! Thank you so very much! Your instructions were so clear and easy to follow. AND, it's amazing how something that appears as if it would be so difficult is really quite easy (again, due to your instructions). :)
You are amazing. I have come back to this video over and over again. You have great teaching skills. Thanks!
thank you. this made my day. :)
Thank you! :)