分割线
样式效果
代码调用
<hr />
页面音乐
样式效果
[music]454121035[/music]
代码调用
[music]454121035[/music]
<iframe height="86" style="width: 100%;" frameborder="no" border="0" marginwidth="0" marginheight="0" src="https://music.163.com/outchain/player?type=2&id=454121035&auto=&height=66"></iframe>
数据获取
- 打开网易云音乐的官网
- 选择喜欢的歌曲并打开播放页面
- 地址栏会是一个类似 https://music.163.com/#/song?id=
454121035
的地址 - 第二方法https://music.163.com/outchain/player?type=2&id=
454121035
&的地址 - 其中
454121035
为音乐ID,将代码中的音乐ID替换即可
页面视频
代码调用
[youku]视频ID[/youku]
[vqq auto="0"]视频ID[/vqq]
[youtube]视频ID[/youtube]
[bilibili cid="视频CID"]视频AID[/bilibili]
数据获取
- 腾讯视频:https://v.qq.com/x/page/c0689agmyoc.html
- 优酷视频:https://v.youku.com/v_show/id_XMTg2NDYyNDk4OA==.html
- YouTube:https://www.youtube.com/watch?v=WrY6n0gDuAc
- 哔哩哔哩:https://www.bilibili.com/video/av4839483
URL 中标红的内容为 视频 ID ,腾讯视频的 auto="0"
参数中的 0 为非自动播放 1 为自动播放,哔哩哔哩还需要到用到 CID ,视频 CID 请到 https://www.bilibili.com/widget/getPageList?aid=4839483 获取,这里的 4839483
替换为视频的 AID
下载按钮
样式效果
代码调用
[download title="本地下载"]下载地址[/download]
数据获取
将 下载地址 替换相应链接即可
进度条效果
样式效果
代码调用
[striped]66[/striped]
数据获取
将进度数值替换到到代码中即可(最低数值为0,最高数值为100)
背景样式
样式效果
这是绿色背景框
这是蓝色背景框
这是黄色背景框
这是红色背景框
代码调用
[success]这是绿色背景框[/success]
[info]这是蓝色背景框[/info]
[warning]这是黄色背景框[/warning]
[danger]这是红色背景框[/danger]
—样式中心—
样式效果
效果展示
代码调用
<h2 class="h2">填写内容</h2>
<h3>填写内容</h3>
效果展示
样式效果
代码调用
<section class="_wxbEditor"><section style="padding: 10px 10px;"><section style="text-align: center; line-height: 30px; font-size: 16px; color: #00b0bb;">填写内容</section><section style="width: 100%; height: 35px; background-image: url('填写图片地址'); background-position: center center; background-repeat: no-repeat;"></section></section></section>
数据获取
-
- line-height: 30px; font-size: 16px; color: #00b0bb;”>
- 00b0bb 可以改字体不同颜色
- 修改图片链接地址
填写内容
改为自己需要填写的内容
效果展示
代码调用
<img src="图片地址">
<img alt=""src="图片路径"style="width: 10%;height: auto;"/>
数据获取
将大小百分比数值替换到到代码中即可(width: %
)