预览地址:

Info Box


作用:
对信息的展示,图标的形状多样,鼠标经过图标时图标有个动画效果,标题和内容呈上下排列
预览效果:


后台:

专业网站开发网页设计公司

深度阅读:

Visual Composure建站教程3 – 如何创建一个行 概念:行(row)是VC编辑器最重要的一个模块,它是所有模块的载体。其作用是为所有的模块提供布局,同时兼顾响应式设计,手机端布局。该布局遵循12栅格布局。即为将整个页面划分成相同大小的12列。可在行内内嵌一层行。使用方法:点击添加元素,选择行(row)。会出现一个空白的行模块。 ...
Visual Composer元素细化举例分析:修改和润色VC中元素字体大小、间距和样式 VC中存在非常多的元素。每个元素的功能都不尽相同。对于一个新手来说,看到这么多元素,会出现很多疑惑,不知道什么元素能实现什么功能,什么元素实用,是否要掌握其中所有的元素用法。但其实你只需要掌握其中10%的元素用法,就可以掌握剩余90%的元素用法。每个元素间的设置、用法道理均是相通的。...
Visual Composure建站教程5 – 如何添加全宽的行 【教学目的】一般的行元素模块,都遵循盒子模型(box),浏览器两边会留白,有时候需要设置全宽的行元素,让样式更加美观,比如你在用一张图片做背景的时候,当然不希望两边留白。这个时候你仍然存在一个疑惑,为什么当前的行模块背景图只是一个局部居中的背景,而不是一个全宽的背景。这时候就涉及到行模块的基...
Visual Composure建站教程6 – 如何添加常用的静态元素 【教学目的】开始教大家使用一些常见的静态VC元素,包括文本元素、图片元素等。首先,选择添加行元素其次选择你想要的风格布局左侧选择单张图片模块单张图片设置 在图片+号处打开媒体库选择/上传图片图片尺寸手动填写full 保存修改。...
【WP可视化编辑器】i悬停-iHover 预览地址: https://ultimate.brainstormforce.com/ihover/ 作用: 通过hover事件做出相应需要的动画效果,效果样式繁多,炫酷 预览效果:后台: ...
【WP可视化编辑器】信息横幅-info banner 预览地址:https://ultimate.brainstormforce.com/info-banner/ 作用:信息介绍加上背景图片又加上可了解更多按钮,一共有两种风格 预览:后台: ...
【WP可视化编辑器】DIVIDER-DIVIDER 预览地址: http://massive.mpcthemes.net/divider/ 作用: 对标题与内容进行分割,也可以添加图标在分割线上,可以对宽进行设置,样式效果有9 种 预览效果:后台: ...
【WP可视化编辑器】高级轮播-advanced-carousel 预览地址: https://ultimate.brainstormforce.com/advanced-carousel/ 作用: 对事物进行轮播,在规定时间内将设定好的元素,以幻灯片的形式,一个一个播放展示,有按钮可以控制上一个下一个 预览效果;后台: ...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.