Handsom主题的一些特有语法汇集

Author： cheng
发布时间：June 11, 2022
636 views
No comments
1314 words
Categories：天动万象

高亮文本框

这是黄色的短代码框，常用来做提示，引起读者注意。

这是红色的短代码框，用于严重警告什么的。

这是浅蓝色的短代码框，用于显示一些信息。

这是绿色的短代码框，显示一些推荐信息。

标签卡

标签页 1
标签页 2

内容 1

内容 2

标签tag
默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字

文章中插入多栏

[colum]
[block size="20%"]百分比宽度[/block]
[block size="200px"]固定宽度[/block]
[block]标题3[/block]
[/clumn]

标题1

标题2

标题2的内容
内容二
内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲

标题3

收缩框

标题

一些文字内容

标题

一些文字内容

Last modification：August 14, 2022

© Allow specification reprint

请我喝瓶冰阔落吧

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Comment *

Private comment

Name *

🎲

Email *

Site

Handsom主题的一些特有语法汇集

cheng • 2022 年 06 月 11 日

<p><strong>高亮文本框</strong></p><p><div class="tip inlineBlock share">

这是灰色的短代码框，常用来引用资料什么的
</div><br><div class="tip inlineBlock warning">

这是黄色的短代码框，常用来做提示，引起读者注意。
</div><br><div class="tip inlineBlock error">

这是红色的短代码框，用于严重警告什么的。
</div><br><div class="tip inlineBlock info">

这是浅蓝色的短代码框，用于显示一些信息。
</div><br><div class="tip inlineBlock success">

这是绿色的短代码框，显示一些推荐信息。
</div></p><p><strong>标签卡</strong><br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-550054e7ce3ba2ceca46519f236722ef380' role="tab" data-target='#tabs-550054e7ce3ba2ceca46519f236722ef380'>标签页 1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-997d6af956b21eb8d90abca0a405a336971' role="tab" data-target='#tabs-997d6af956b21eb8d90abca0a405a336971'>标签页 2</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-550054e7ce3ba2ceca46519f236722ef380' class="tab-pane fade active in">
            内容 1</div><div role="tabpanel" id='tabs-997d6af956b21eb8d90abca0a405a336971' class="tab-pane fade  ">
            内容 2</div>
</div>
</div></p><p><strong>标签tag</strong><br><span class="label bg-light dk">默认白色文字</span><br><span class="label bg-primary">紫色文字</span><br><span class="label bg-info">蓝色文字</span><br><span class="label bg-warning">黄色文字</span><br><span class="label bg-danger">红色文字</span><br><span class="label bg-success">绿色文字</span><br><span class="label bg-dark">黑色文字</span></p><p><strong>文章中插入多栏</strong></p><p>[colum]<br>[block size="20%"]百分比宽度[/block]<br>[block size="200px"]固定宽度[/block]<br>[block]标题3[/block]<br>[/clumn]</p><p><div class="flex-column"><div class="flex-block" style="flex:20%"><div class="tip inlineBlock error simple small">

标题1
</div><br><div class="tip inlineBlock share simple small">

标题1<br>标题1的内容<br>
</div><br></div><div class="flex-block" style="flex:350px"><div class="tip inlineBlock error simple small">

标题2
</div><br><div class="tip inlineBlock info simple small">

标题2的内容<br>内容二<br>内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲内容三少壮不努力老大徒伤悲
</div><br></div><div class="flex-block" style="flex:auto"><div class="tip inlineBlock error simple small">

标题3
</div><br></div></div></p><p><strong>收缩框</strong><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-6c6a2bc40ab764364946cb5782c7ade350" aria-expanded="true"><div class="accordion-toggle"><span style="">标题</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-6c6a2bc40ab764364946cb5782c7ade350" class="collapse collapse-content"><p></p>一些文字内容<p></p></div></div></div></p><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b4f4f1bc6646a9d6fdec66547ba5d5e379" aria-expanded="true"><div class="accordion-toggle"><span style="">标题</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-b4f4f1bc6646a9d6fdec66547ba5d5e379" class="collapse in collapse-content"><p></p>一些文字内容<p></p></div></div></div></p>