Blocs app masonry custom bric
The next bric on my top 5 list is Volt CMS. It is very easy to use, and although we don’t have lots of options, this bric allows you to create some cool custom transition effects for our pages. I am not one of these people, as Image Overlay is more than enough for my needs, but if you want to create some very cool hover effects for your images, or you want to have cool animated cards on your website, Card Designer is a very good option for you.
We cannot change the layout of this bric, but we can change the style of text, button, and overlay color using the classes.Ĭard Designer is the perfect bric for people who find the Image Overlay bric too limited.
It also has some cool looking animations we can add with just a couple of clicks. Image Overlay is a very simple bric, which lets us easily create images with overlay titles and buttons.
Blocs app masonry custom bric download#
But, it’s nice to know that if we want to have something different for our site, we can go to Blocs.Store and download these extensions I will leave the links to these reviews next the the title of the bric.īefore we start, let me say one more time - we don’t really need any extensions for Blocs to build a website. I have done a separate overview on all of the brics I am going to mention in this video. Please keep the CSS used by a custom Bric isolated to the custom Brics HTML content only, do not use styling that could effect DOM objects outside of a custom Brics content, such as the body or heading tags.ĭata.bric – This is a plist file that contains various information about a custom Bric, including its initial HTML state and the sidebar user interface.Today, I want to share with you my video overview of the top 5 premium extensions (custom brics) for the visual website builder Blocs for Mac. When a custom Bric is added to a page, the styling rules in this file are automatically added to the Blocs design environment and included in the style.css file when a project is exported. The head can contain various JS resources that can be loaded into the editing environment, the body should only contain the edit area tag.īric.css – This file should contain all of the styling required for a custom Bric. Index.html – This file provides a basic work area that is used when DOM editing takes place on a custom Brics HTML content. Within a custom Bric there should be the following files.
Blocs app masonry custom bric code#
Resources – All files placed within this directory can be accessed using the resource API call or within a Brics HTML content with the short code *resource-path. Js – All of a custom Brics editing logic that is used within the Blocs design environment should be placed in this directory, this code is NOT exported with a project.
The Bric library icon artwork should be named icon.png (retina – and the cursor artwork should be named cursor.png (retina – – When a custom Bric is added to a page, any files located within this directory will be automatically added to the target page header attachments for use after export. Within a custom Bric there should be 4 directories.Īssets – The assets directory is used to store the Bric library and drop cursor artwork files for a custom Bric. Please note, the Bric Builder that comes with Blocs 2.5+ has the ability to create new custom Brics from boiler plate examples, using these ensures all relevant files and directories are named correctly and present. Custom Brics require a specific directory structure in order to work and compile correctly.