Mr9 Videos
Mr9 Videos
  • Видео 21
  • Просмотров 32 411
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/
Просмотров: 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

Комментарии

  • @VijayKumarIM
    @VijayKumarIM День назад

    Good video brother covered all essentials for Nestable Nav

  • @SousenOficial
    @SousenOficial 25 дней назад

    Ok i did this on my header template. I think is better for optimize but this is another way. Good tutorial, going to suscribe.

  • @aliabbashitech
    @aliabbashitech Месяц назад

    thanxxx pleas also upload new videos

  • @aliabbashitech
    @aliabbashitech Месяц назад

    Very well explained. Thank you very much and I would love to see more of your videos :)

    • @mr9videos
      @mr9videos Месяц назад

      More videos will be uploaded in November, i am going to create 100% free bricks course.

    • @aliabbashitech
      @aliabbashitech Месяц назад

      @@mr9videos May Allah bless you with happiness and blessings 🙏 ✨

  • @aliabbashitech
    @aliabbashitech Месяц назад

    Amazing work, subscribed and liked! Please keep the Bricks Builder videos coming!!

  • @obito-269
    @obito-269 Месяц назад

    thank you! very helpful! 👍

  • @melkstal1
    @melkstal1 2 месяца назад

    You are awesome! Not only did I learn the border, I also learned some simple new design tricks. Thank you very much!!!

  • @litmol
    @litmol 2 месяца назад

    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

    • @mr9videos
      @mr9videos 2 месяца назад

      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.

    • @litmol
      @litmol 2 месяца назад

      @@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.😊

  • @Kapus10
    @Kapus10 3 месяца назад

    Great video!

  • @wppagebuilders
    @wppagebuilders 4 месяца назад

    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!

  • @wppagebuilders
    @wppagebuilders 4 месяца назад

    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!

    • @mr9videos
      @mr9videos 3 месяца назад

      Glad you liked it, and thanks for your kind words

  • @phkoon
    @phkoon 4 месяца назад

    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?

    • @phkoon
      @phkoon 4 месяца назад

      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

    • @mr9videos
      @mr9videos 4 месяца назад

      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...

    • @phkoon
      @phkoon 4 месяца назад

      ​@@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?

  • @LeventZeytinci
    @LeventZeytinci 4 месяца назад

    👍

  • @shakibhossain7460
    @shakibhossain7460 5 месяцев назад

    Excellent videos amazing

  • @AAA-jd5ln
    @AAA-jd5ln 5 месяцев назад

    🌹

  • @DenisMcCaul
    @DenisMcCaul 5 месяцев назад

    I was just adding this and your video has saved me a lot of trial and error. Thank you

    • @mr9videos
      @mr9videos 5 месяцев назад

      Glad it helped

  • @untuan
    @untuan 6 месяцев назад

    Thank you so much this help me alot

  • @arthurmarkin1992
    @arthurmarkin1992 6 месяцев назад

    15:36 Did they remove the animation feature?

    • @mr9videos
      @mr9videos 2 месяца назад

      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.

  • @EliasRise
    @EliasRise 6 месяцев назад

    Straight to the point - This is the best explanation about Flexbox in Bricks. Thank you very much!

    • @mr9videos
      @mr9videos 6 месяцев назад

      Thanks for your kind words

  • @mommasoto
    @mommasoto 9 месяцев назад

    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?

  • @hariswami4827
    @hariswami4827 9 месяцев назад

    Please create more videos. I really enjoy watching yours and learn more in a short video. Thank you for sharing your knowledge

    • @mr9videos
      @mr9videos 9 месяцев назад

      Glad you like it, more videos (Short + To The Point) will be uploaded soon.

    • @DenisMcCaul
      @DenisMcCaul 5 месяцев назад

      Best explanation online of the Bricks layout elements, thank you

  • @reufjaha123
    @reufjaha123 9 месяцев назад

    Amazing tutorial, keep good work ;)

  •  9 месяцев назад

    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 👍

    • @mr9videos
      @mr9videos 9 месяцев назад

      Thanks for your kind words

  • @simonepagnini6735
    @simonepagnini6735 9 месяцев назад

    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!

    • @mr9videos
      @mr9videos 9 месяцев назад

      I will make a video on it

  •  9 месяцев назад

    Very well explained. Thank you very much and I would love to see more of your videos :)

    • @mr9videos
      @mr9videos 9 месяцев назад

      Full bricks course will be uploaded soon.

  • @notponding
    @notponding 9 месяцев назад

    Bro this was the best video, clean and easy plus covered of must. thanks.

    • @mr9videos
      @mr9videos 9 месяцев назад

      Glad you like it.

  • @DenisMcCaul
    @DenisMcCaul 10 месяцев назад

    Will you be making a video explaining how to use Grid in Bricks for responsive layouts? Your tutorials are great, thank you

    • @mr9videos
      @mr9videos 10 месяцев назад

      Yes, i will make a video on it.

  • @todayinsingapore
    @todayinsingapore 10 месяцев назад

    Very educational and easy to follow. Thanks!

    • @mr9videos
      @mr9videos 10 месяцев назад

      Glad that was helpful

  • @GregKarelitz
    @GregKarelitz 10 месяцев назад

    Great video. Best explanation I’ve seen yet. Thanks!

    • @mr9videos
      @mr9videos 10 месяцев назад

      Thanks for your kind words

  • @inscription994
    @inscription994 10 месяцев назад

    Thank you so much

    • @mr9videos
      @mr9videos 10 месяцев назад

      You are welcome

  • @chimastudios
    @chimastudios 10 месяцев назад

    That was beautiful, thanks!

  • @AmandaLucaseu
    @AmandaLucaseu 10 месяцев назад

    Fantastic

  • @tomasbartunek-v7s
    @tomasbartunek-v7s 11 месяцев назад

    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.

    • @mr9videos
      @mr9videos 11 месяцев назад

      Thanks for your kind words, new tutorial are coming.

    • @BGdev305
      @BGdev305 10 месяцев назад

      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!

  • @邬文林
    @邬文林 11 месяцев назад

    你的教程太棒了 没有废话

    • @mr9videos
      @mr9videos 11 месяцев назад

      Glad you like it

  • @badid0y
    @badid0y Год назад

    Thank you for this tutorial. Explained directly

  • @jugibur2117
    @jugibur2117 Год назад

    Great stuff, thanks for sharing!

  • @itian3579
    @itian3579 Год назад

    thank you! very useful

  • @simon_quinn
    @simon_quinn Год назад

    I don't have that 'hook' field in my Bricks...

    • @mr9videos
      @mr9videos Год назад

      On which template type you are trying? Try on section. 0:44

  • @vincentchen2938
    @vincentchen2938 Год назад

    how about make it as a popup like when scroll to 100px, it pops up then

    • @mr9videos
      @mr9videos Год назад

      Nice idea, I will make a video on it.

  • @vincentchen2938
    @vincentchen2938 Год назад

    helpful

  • @c.p.841
    @c.p.841 Год назад

    Very useful. Thanks.

  • @hariswami4827
    @hariswami4827 Год назад

    Great content. Learned more in a short time instead of an hour long video that beat around the bush. Keep making. Subscribed

    • @mr9videos
      @mr9videos Год назад

      Thanks for your kind word and support. My videos will be always to the point.

  • @hosseinkhanmohammadi4770
    @hosseinkhanmohammadi4770 Год назад

    Simple and useful tutorial.

    • @mr9videos
      @mr9videos Год назад

      Thanks for your kind words

  • @JeanLucBrigot
    @JeanLucBrigot Год назад

    Best explanations I found about Flexbox with Bricks! Many thanks!

  • @yogivemana88
    @yogivemana88 Год назад

    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.

  • @stewtech
    @stewtech Год назад

    Great job!

  • @stewtech
    @stewtech Год назад

    Amazing work, subscribed and liked! Please keep the Bricks Builder videos coming!!

    • @mr9videos
      @mr9videos Год назад

      i am working on videos. Thanks for like and sub.

  • @Hassanakora
    @Hassanakora Год назад

    Nice video again thanks

  • @mafiasalesman
    @mafiasalesman Год назад

    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.

    • @mr9videos
      @mr9videos Год назад

      Thanks for sub. WooCommerce is in my list, i am making full bricks Course.

  • @rolandoveca
    @rolandoveca Год назад

    excellent tutorial, thanks for sharing. Question: where do you find the figma designs you base on?

    • @mr9videos
      @mr9videos Год назад

      In UI UX related Facebook group.