该话题包含 0 个回复,有 1 个参与人,并且由 ximicc 于 10 年, 2 月 前 最后一次更新。
-
作者帖子
-
2014-10-27 - 18:45 #300
注意需要删除代码中”[“后面和”]”前面的空格!
常用文本格式 Typography:
标题 - [ title size="3"]Text[/title ]
提示 - [ tooltip title="Tooltip" ]Hover[/tooltip ]
高亮 - [ highlight color="#a0ce4e"]<span style="color:#fff;"> Custom </span>[/highlight ]水平分割线 Dividers(top参数可为负值):
[ separator top="32" style="shadow"]
[ separator top="32" style="double"]
[ separator top="32" style="single"]列表图标修饰样式:
[ checklist icon="star/arrow/cross" iconcolor="dark" circle="no"]
<ul>
<li>checklist</li>
<li>checklist</li>
<li>checklist</li>
</ul>
[/checklist ]分栏格式排版 Columns(one_half | two_third | one_fourth | three_fourth):
[ one_third last="no"]Text[/one_third ]
[ one_third last="no"]Text[/one_third ]
[ one_third last="yes"]Text[/one_third ]图片边框修饰效果 Image Frames:
[ imageframe style="border/bottomshadow" bordercolor="#f6f6f6" bordersize="6px" stylecolor="#ffffff" align=""]URL[/imageframe ]
图标搭配标题及段落文本 Content Boxes(图标样式):
[ content_boxes layout="icon-boxed" iconcolor="#333333" circlecolor="#ffffff" circlebordercolor="#333333" backgroundcolor="#f6f6f6"]
[ content_box title="Responsive" image="" icon="tablet" link="#" linktext="More"]Avada[/content_box ]
[ content_box title="Awesome" image="" icon="random" link="#" linktext="More"]Avada[/content_box ]
[/content_boxes ]横幅强调文本可加按钮 Tagline Boxes:
[ tagline_box backgroundcolor="#f6f6f6" shadow="no" border="0px" bordercolor="#f6f6f6" highlightposition="left" link="#" linktarget="" button="Purchase" title="Text" description="Text"][/tagline_box ]
[ tagline_box backgroundcolor="#f6f6f6" shadow="yes" border="0px" bordercolor="#f6f6f6" highlightposition="right" link="#" linktarget="" button="Purchase" title="Text" description="Text"][/tagline_box ]
[ tagline_box backgroundcolor="#fff" shadow="no" border="1px" bordercolor="#ededed" highlightposition="top" link="#" linktarget="" button="" title="Text" description="Text"][/tagline_box ]
[ tagline_box backgroundcolor="#f6f6f6" shadow="no" border="0px" bordercolor="#f6f6f6" highlightposition="bottom" link="#" linktarget="" button="" title="" description="Text"][/tagline_box ]
横向选项卡切换效果 Tabs(加入参数 layout=”vertical” 为垂直方向):
[ tabs tab1="Tab1" tab2="Tab2" tab3="Tab3"]
[ tab id=1]Text[/tab ]
[ tab id=2]Text[/tab ]
[ tab id=3]Text[/tab ]
[/tabs ]收缩展开模块 Accordion & Toggles:
[ accordian]
[ toggle title="Text" open="yes"]Text[/toggle ]
[ toggle title="Text"]Text[/toggle ]
[ toggle title="Text"]Text[/toggle ]
[/accordian ]链接按钮 Buttons:
[ button color="green/darkgreen/orange/lightgray/darkgray/pink/red/blue" size="large/small" gradient1="" gradient2="" link="" target=""]Text[/button ]
弹出放大浏览图片 Linghtbox(支持Youtube等视频):
<a href="#" rel="prettyPhoto"><img alt="image 1" src="#" /></a>
[ youtube id="dSn72h_6I9Q" width="940" height="425"]
[ vimeo id="32987274" width="940" height="529"]案例产品/图片滑动轮播 Carousel Sliders:
[ recent_works][/recent_works ]
[ clients][ client link="#" image="#"][ client link="#" image="#"][ client link="#" image="#"][/clients ]可隐藏警告文本 Alert Messages:
[ alert type="general/error/success/notice"]Text[/alert ]
客户评价轮播展示 Testimonials(也可单条使用):
[ testimonials]
[ testimonial name="William" gender="male" company="Company" link="#" target=""]"Text"[/testimonial ]
[ testimonial name="Stuartyboy" gender="male" company="Avada" link="#" target=""]"Text"[/testimonial ]
[ testimonial name="Strata" gender="male" company="Theme" link="#" target=""]"Text"[/testimonial ]
[/testimonials ]演示网站常用抬头说明版块:
[ fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="top left" backgroundattachment="scroll" bordersize="0px" bordercolor="" paddingTop="20px" paddingBottom="20px"][ tagline_box backgroundcolor="#fff" shadow="yes" border="1px" bordercolor="#e8e6e6" highlightposition="top" link="#" linktarget="" button="" title="" description="Avada"][/tagline_box ][/fullwidth ]
-
作者帖子
抱歉,回复话题必需登录。