- Видео 21
- Просмотров 32 411
Mr9 Videos
Добавлен 6 авг 2021
Here you will find best class bricks builder and wordpress tutorial.
Create a Footer Menu like Mobile App with Bricks builder | Sticky Bottom Menu Bar
In this video you will learn, how to create sticky footer menu like mobile app with bricks builder that can instantly boost conversions on any small business, service-based website with a "mobile action bar" that gives visitors a dead-simple way to contact your business.
🔰CSS Code:
www.mediafire.com/file/js7h58ffnriu1z6/Create+a+Footer+Menu+like+Mobile+App+-+mr9videos.txt/
Create Sticky Mobile Bottom Menu Bar Like an App on bricks, Create A Mobile App Menu On bricks builder, how to make mobile sticky menu in bricks builder, Sticky Bottom Menu Bar,
Icon Navigation Menu Bar like an App in bricks builder,
📌 Icons website:
icones.js.org/
🔰CSS Code:
www.mediafire.com/file/js7h58ffnriu1z6/Create+a+Footer+Menu+like+Mobile+App+-+mr9videos.txt/
Create Sticky Mobile Bottom Menu Bar Like an App on bricks, Create A Mobile App Menu On bricks builder, how to make mobile sticky menu in bricks builder, Sticky Bottom Menu Bar,
Icon Navigation Menu Bar like an App in bricks builder,
📌 Icons website:
icones.js.org/
Просмотров: 1 730
Видео
How To Create Nav Menu Using Bricks Nav Nestable Element - Bricks Builder Tutorial
Просмотров 3 тыс.Год назад
Bricks nav menu builder: In this video, we will create nav menu using nav nestable element of bricks builder. 🔰 Header Videos: ruclips.net/p/PL1u6-9dMPxW2HFYR1mlEHntsBonxDVkHn 🔰 My Free Bricks Course: ruclips.net/p/PL1u6-9dMPxW17EKRmwajjwIrMOSGCe2nW 🔰 Create Beautiful Card: ruclips.net/p/PL1u6-9dMPxW12OHQ8yUbsZoFnk9f7HZIC Create nav menu in bricks builder, mobile menu of bricks builder, full sc...
Easily Create beautiful responsive header in Bricks builder using Flexbox
Просмотров 640Год назад
In this video, we'll show you how to make a responsive headers in Bricks builder using flexbox. 0:00 Introduction 0:26 Creating a beautiful Header 1:13 Make it Responsive 🔰 More Header Videos: ruclips.net/p/PL1u6-9dMPxW2HFYR1mlEHntsBonxDVkHn 🔰 My Free Bricks Course: ruclips.net/p/PL1u6-9dMPxW17EKRmwajjwIrMOSGCe2nW 🔰 Create Beautiful Card: ruclips.net/p/PL1u6-9dMPxW12OHQ8yUbsZoFnk9f7HZIC Create ...
Create amazing header in Bricks builder using Flexbox
Просмотров 999Год назад
In this video, we'll show you how to make a responsive headers in Bricks builder using flexbox. 0:00 Introduction 0:42 Creating a beautiful Header 1:14 Make it Responsive 🔰 First Header: ruclips.net/video/MXKqbBJttXk/видео.html 🔰 My Free Bricks Course: ruclips.net/p/PL1u6-9dMPxW17EKRmwajjwIrMOSGCe2nW 🔰 Create Beautiful Card: ruclips.net/p/PL1u6-9dMPxW12OHQ8yUbsZoFnk9f7HZIC Create header using F...
Create A Beautiful Responsive Header in Bricks builder
Просмотров 8 тыс.Год назад
In this video, we'll show you how to make a responsive headers in Bricks builder 0:00 Introduction 0:23 Create a header template 1:03 Adding a site logo navigation menu and Seach icon 1:21 Creating a beautiful Header 2:51 Make it Responsive 5:01 Elements setting Explanations 7:01 Seo tip 8:02 Adding Conditions 🔰 Bricks Builder Flexbox Tutorial: ruclips.net/video/MYOYNP2lMX8/видео.html 🔰 My Free...
Bricks Builder - 3d Image Cutout Card
Просмотров 257Год назад
In this Bricks builder tutorial, you will learn creating 3d image cutout effect. 🔰 CSS Code: www.mediafire.com/file/sl4ig3ba069o6hd/3d image cutout card hover effect .txt/ Create beautiful Card with Bricks builder, Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial, @mr9videos,
Create Card with Beautiful Popup effect - Bricks Builder
Просмотров 446Год назад
In this video, you will learn creating beautiful Card with 3d effect using bricks builder. 🔰 CSS Coder: www.mediafire.com/file/ax4sppmdbpzbacp/Card_with_Beautiful_Popup_effect.txt/ Create beautiful Card with Bricks builder, Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial, @mr9videos,
Learn Flexbox in easy way - Bricks Builder Tutorial
Просмотров 819Год назад
In this Bricks Builder listen, you will learn all the visual option of flexbox. I guarantee you, after watching this video you will become a master of Bricks builder Flexbox. Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial. @mr9videos
Create Multiple Columns And Rows - Bricks Builder Tutorial
Просмотров 1 тыс.Год назад
In this Bricks builder listen, you will learn two ways to create Columns And Rows. 1) Manual way: in which we create Columns And Rows by dragging Section container and Blocks elements to canvas 2) Using ready-made layout. Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial. @mr9videos
Create Card With Cut Corner | Bricks Builder tutorial
Просмотров 451Год назад
In Facebook group asked, if we could make a Card with cut corner, and it seemed like a fun challenge, and this is my solution! ✅ CSS Class: .edge-cut 🔰 CSS Code: .edge-cut { clip-path: polygon(0 0, calc(100% - 2.5rem) 0%, 100% 2.5rem, 100% 100%, 0 100%) } how to create Card With Cut edge by css, make Card With Cut Corner in css, bricks builder, WordPress bricks builder tutorial, bricks builder ...
Bricks Builder layout elements (Section, Container, Block & Div)
Просмотров 1,6 тыс.Год назад
Bricks Builder has four layout elements: section, container, blocks and div. In this bricks tutorial video we will discuss all layout elements of bricks and how to use them. After watching this lesson you will understand difference between Section, Container, Block and Div.
Bricks Builder | Cool Border Animation Cards
Просмотров 793Год назад
Animated Card Border | WordPress Bricks Builder Tutorial, Bricks Builder Tips and Tricks In this tutorial, I'll show you How to Create Animated Border using Bricks Builder🔥,WordPress Bricks Builder Tutorial 🔰 CSS CLASS: card-border-animation 🔰 CSS CODE: .card-border-animation{ overflow: hidden !important; justify-content: center; align-items: center; } .card-border-animation:before{ content: ''...
Bricks Builder UI
Просмотров 505Год назад
In this lesson of Bricks Builder. I’ll take you on an overview tour of the Bricks Builder UI, so you will become familiar with the whole Bricks User interface. Bricks Builder UI is mainly split into 4 main areas: Elements panel on the left, Canvas in the middle, Structure panel on the right, various Menus along the top. Bricks builder, Bricks builder vs Elementor, Build with Bricks, Bricks buil...
Bricks Builder Settings In Detail - Bricks Builder Tutorial
Просмотров 1,9 тыс.Год назад
Bricks builder setting: In this lesson we will take a tour of Bricks settings and explain everything in detail. So you will know what every option does. Bricks builder Tutorial, WordPress Bricks theme, WordPress Bricks builder, BricksBuilder, #Bricksbuilder, #mr9videos, @mr9videos
Install Bricks Builder And Quick Overview Of Bricks Menu
Просмотров 758Год назад
In this lesson we’ll install Bricks theme, and take a quick tour of the new Bricks menu. Download Bricks from your Bricks account at bricksbuilder.io. @mr9videos Bricks builder Tutorial How to Install Bricks theme
Bricks Water Drop Card Hover Effect | WordPress Bricks Builder Tutorial
Просмотров 623Год назад
Bricks Water Drop Card Hover Effect | WordPress Bricks Builder Tutorial
Bricks Builder Tutorial | Magic Card hover effect
Просмотров 1,7 тыс.Год назад
Bricks Builder Tutorial | Magic Card hover effect
Create A Text Overlay Portrait Image Using Bricks Builder. WordPress Bricks Builder Tutorial
Просмотров 1,1 тыс.2 года назад
Create A Text Overlay Portrait Image Using Bricks Builder. WordPress Bricks Builder Tutorial
Gradiant border button | WP Bricks Builder Tutorial
Просмотров 3,5 тыс.2 года назад
Gradiant border button | WP Bricks Builder Tutorial
Button Liquid Animation | Button Water Animation | WordPress Bricks Builder Tutorial
Просмотров 8382 года назад
Button Liquid Animation | Button Water Animation | WordPress Bricks Builder Tutorial
A comprehensive guide of Flex grow, shrink and basis | WP Bricks Builder tutorial
Просмотров 1,7 тыс.3 года назад
A comprehensive guide of Flex grow, shrink and basis | WP Bricks Builder tutorial
Good video brother covered all essentials for Nestable Nav
Ok i did this on my header template. I think is better for optimize but this is another way. Good tutorial, going to suscribe.
thanxxx pleas also upload new videos
Very well explained. Thank you very much and I would love to see more of your videos :)
More videos will be uploaded in November, i am going to create 100% free bricks course.
@@mr9videos May Allah bless you with happiness and blessings 🙏 ✨
Amazing work, subscribed and liked! Please keep the Bricks Builder videos coming!!
thank you! very helpful! 👍
You are awesome! Not only did I learn the border, I also learned some simple new design tricks. Thank you very much!!!
Thank you for a clear explanation. I do have one question: when you set the flex-grow of the logo to 1 (3:55 min), the size of the logo doesn’t change. When I do the same, the size of the logo increases. Any thoughts on why this happen? Thanks
When you add a logo element, goto content tab, and first set your logo width there. Then apply flex grow. It will solve that issue.
@@mr9videos Thank you for answering my question. I made the change as you suggested (defining the width of the logo wihin the Content Tab and not the Style Tab) and it solved the issue.😊
Great video!
Wow, this tutorial is incredibly detailed! I love how it walks through every step from setting up the template to customizing each icon and adding functional links. The CSS tips for borders and shadows really add a professional touch. And hiding it on larger screens while keeping it visible on mobile is such a smart UX move. Can't wait to implement this on my own site-it's going to make navigation so much easier for visitors!
Wow, this tutorial really dives deep into flexbox! I like how they start by setting the stage, showing how flexbox can transform layouts easily. The step-by-step approach is great, especially for beginners. Explaining things like reversing item order and aligning items using Start, Center, and End makes it super clear. And the details on properties like space between items and flex grow/shrink are really useful for understanding how to control layout dynamics. It's definitely a tutorial I'd revisit to perfect my flexbox skills!
Glad you liked it, and thanks for your kind words
Are there cons to using containers as the only layout elements, set with proper semantic html tagging to structure the design, as done in Elementor? If so, what would they be?
Just took a look at the trial version of Bricks and checked out each of them. Except for the Div element, all the Section, Container and (ironically) Block elements are display: flex with the proper semantic tag set, so I think it settles the matter. Well, if anyone has anything to add, feel free to do so =D
You are right, they are set with proper tags, and it also speedup website making process. Mostly we don't need to set size of each container every time as we do in elementor. Bricks approach is better just use it few times, it will save a lot of your time. And also we don't need separate grid element and container element for flex and grid, in bricks you can just change display property from flex to grid or block...
@@mr9videos Thanks for adding that! I'm already sold for moving over to Bricks, will do as soon as I get a chance. I've seen it also supports natively a lot more things which Elementor otherwise would require a separe plugin; For filtering purposes, would you still need some top-tier tool like Grid Builder, or Bricks also offers a way to get this job done natively?
👍
Excellent videos amazing
🌹
I was just adding this and your video has saved me a lot of trial and error. Thank you
Glad it helped
Thank you so much this help me alot
15:36 Did they remove the animation feature?
In Nav nestable, you will see different elements, click on element name "Toggle (Open:mobile)" Then in content tab you will see animation options for icon.
Straight to the point - This is the best explanation about Flexbox in Bricks. Thank you very much!
Thanks for your kind words
Fantastic! Been trying to get this to work for a responsive table (like for a resume). I need the info in the columns and rows to stay together responsively. Is there a etter way?
Please create more videos. I really enjoy watching yours and learn more in a short video. Thank you for sharing your knowledge
Glad you like it, more videos (Short + To The Point) will be uploaded soon.
Best explanation online of the Bricks layout elements, thank you
Amazing tutorial, keep good work ;)
There is no better way to explain or to understand the flexbox model than with Brix's visual representation. Very good, thank you very much my friend 👍
Thanks for your kind words
very nice! I put on my site! Question: have you a video where you explain a notification bar that come up when scrolling and comes out when exit the viewport? I cannot find any explanation about it.. thanx!
I will make a video on it
Very well explained. Thank you very much and I would love to see more of your videos :)
Full bricks course will be uploaded soon.
Bro this was the best video, clean and easy plus covered of must. thanks.
Glad you like it.
Will you be making a video explaining how to use Grid in Bricks for responsive layouts? Your tutorials are great, thank you
Yes, i will make a video on it.
Very educational and easy to follow. Thanks!
Glad that was helpful
Great video. Best explanation I’ve seen yet. Thanks!
Thanks for your kind words
Thank you so much
You are welcome
That was beautiful, thanks!
Fantastic
I've searched through all of RUclips, but it's only your brick tutorials that I truly understand. I think the brick community will continue to grow, and you have a good opportunity to capture some followers if you keep at it. A lot of RUclipsrs who make brick-related content are moving to other builders because the community grows slowly, but I bet if you stick with it and add more tutorials, you'll have good viewership in the future.
Thanks for your kind words, new tutorial are coming.
You said, "A lot of RUclipsrs who make brick-related content are moving to other builders because the community grows slowly". Huh? Can you point me to a YT Bricks dev who has moved to another builder? I haven't seen ONE!
你的教程太棒了 没有废话
Glad you like it
Thank you for this tutorial. Explained directly
You are welcome
Great stuff, thanks for sharing!
You are welcome
thank you! very useful
You are welcome
I don't have that 'hook' field in my Bricks...
On which template type you are trying? Try on section. 0:44
how about make it as a popup like when scroll to 100px, it pops up then
Nice idea, I will make a video on it.
helpful
Very useful. Thanks.
Glad it was helpful!
Great content. Learned more in a short time instead of an hour long video that beat around the bush. Keep making. Subscribed
Thanks for your kind word and support. My videos will be always to the point.
Simple and useful tutorial.
Thanks for your kind words
Best explanations I found about Flexbox with Bricks! Many thanks!
Glad it was helpful!
Great simple tutorials, could you please create a video on how create a frosted glass (glassmorphic) grid or card on dark and light background. Thank you for considering.
Great job!
Amazing work, subscribed and liked! Please keep the Bricks Builder videos coming!!
i am working on videos. Thanks for like and sub.
Nice video again thanks
You just earned my sub. I checked your channel and your content is great. I would love to see how customize woocommerce shop and single product pages. I'm looking for a way to be able to do that with custom css.
Thanks for sub. WooCommerce is in my list, i am making full bricks Course.
excellent tutorial, thanks for sharing. Question: where do you find the figma designs you base on?
In UI UX related Facebook group.