vip贵宾
性别保密
威望 点
注册时间2019-1-13
最后登录1970-1-1
在线时间 小时
好友
UID52128
听众
阅读权限120
- 积分
- 13040
鲜花( 1295) 鸡蛋( 1)
|
楼主 |
发表于 2020-5-31 10:49
|
显示全部楼层
迷你播放器发帖方法
模版代码中的第1行到第8行是模版样式:
._editor{width:680px;},是设定模版的宽度,可根据需要设置,border-color: #2F322E是边框颜色。
第10行到第12行是加载图片的代码:
可在存图区开帖,把要发的图片存在那里,浏览图片,右键属性取图片的地址和大小,替换对应代码。
第14行到第17行是标题的代码:
<section section style="text-align:center; line-height: 3em;">
<span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 20px;">
<b>以生日的名义,醉眼于最美的初夏</b>
</span></section>
text-align:center 文本居中
line-height 行高
color: rgb(0, 0, 0) 字体颜色
font-family 字体
font-size 字号
<b>文字</b> 文字加粗
第19行到第22行是作者的代码:
<section section style="text-align:center; line-height: 3em;">
<span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">
文字/陌洛儿
</span></section>
字号和标题的代码基本是一样的,只差一个字号。
作者也有喜欢写在正文最后的,代码是这样的:
<section section style="text-align:right; line-height: 1.5em; letter-spacing: 1.5px; margin-right: 100px; margin-left: 50px;">
<span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">
文字/陌洛儿
</span></section>
第24行到第50行是正文代码:
只比标题和作者的代码多了几个参数:
letter-spacing: 字符间距
margin-right: 右边距
margin-left:左边距
如果没有特别要求,可以不用设置,只需在正文每行的句尾加上换行符<br/>。
想快速加<br/>的方法见本帖第6页56楼和57楼:
https://wyc520.com.cn/forum.php?mod=viewthread&tid=395944&extra=&page=6
正文每段如需首行缩进,输入法在中文状态下敲空格即可。
左右边距的用法可参看:http://webftp.bbs.hnol.net/sxrx2016/players/Nocturne.html
设置字体格式,常用到的几个标签:
<b>文字</b>:加粗:
<font size="3">文字</font>:字号
<font color="#000000">文字</font>:字色
<font face="微软雅黑">文字</font>:字样
想要正文其中一句加粗:
<b>人生若只如初见,何事秋风悲画扇</b>
改变字号:
<font size="3">人生若只如初见,何事秋风悲画扇</font>
改变颜色:
<font color="#FF0000">人生若只如初见,何事秋风悲画扇</font>
加粗,加大,改变颜色:
<font size="4"><b><font color="#FF0000">人生若只如初见,何事秋风悲画扇</font></b></font>
加粗,加大,改变字体和颜色:
<font face="微软雅黑"><font size="4"><b><font color="#0000FF">人生若只如初见,何事秋风悲画扇</font></b></font></font>
第52行到第72行是迷你播放器的代码:
其中只需修改第65行(曲名)和第66行(歌曲地址),其他行默认即可。
<li data-title="初夏时光">
<div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?id=26023140.mp3">
发帖方法:
在使用迷你播放器发帖时发现,在纯文本打勾和纯文本不打勾两种状态下切换时,会丢失部分代码,为避免迷你播放器代码部分丢失,可采取以下发帖方法。
发帖方法有两种:纯文本打勾状态(代码排版)和纯文本不打勾状态(可视化编辑)
首选是代码排版:
当掌握了上面语句的用法,直接在纯文本打勾状态(html也要打勾)下,编辑文字和图片,再插入迷你播放器的代码,然后直接点发表,不会存在迷你播放器代码部分丢失的问题,而且代码简单清晰。
发帖之前可以到存图区里试一下代码,也可以在存图区再开一个试代码的帖,测试代码没有问题后再发帖。
其次是可视化编辑:
在纯文本不打勾的状态下编辑好图片和文字,在想插入播放器的位置做好记号(比如写上123456),然后回到纯文本打勾的状态,找到记号123456,再复制迷你播放器的代码,替换掉123456。
之后就不要再切换到纯文本不打勾的状态,而是直接点发表,就不会丢失部分代码了。发表以后再想编辑,也不会再丢失代码了。这是指选用的模版中,没有迷你播放器代码的发帖方法。
如果选用的模版中,已有迷你播放器代码,只需先在可视化状态编辑好,最后回到纯文本打勾的状态下,找到对应的播放器代码部分,用完整的迷你播放器代码替换掉不完整的播放器代码,然后直接点发表就行了。
在使用迷你播放器时,两个同款播放器不要在同一页中出现,不然控件会有冲突。不同款的迷你播放器是可以放到同一页里的(收藏模版时,也许能用到)。
https://wyc520.com.cn/forum.php?mod=viewthread&tid=395944&extra=&page=1&_dsign=a5ee5bec
前面30套迷你播放器代码是居中的,主要用于模板中,后面的30套代码是居左的,主要用于回帖。因回帖的文字都在左边,播放器也放左边,会整齐一些,回帖中也可以用居中的迷你播放器代码。
取网易云音乐的MP3地址:
如:https://music.163.com/#/song?id=1377156584
MP3地址:
https://music.163.com/song/media/outer/url?id=1377156584.mp3
取酷我音乐MP3地址:
如:http://bd.kuwo.cn/play_detail/317788?from=baidu
MP3地址:
http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_317788&response=res&type=convert_url&
感觉酷我音乐的音质有时比网易云要好一些,网易云和酷我音乐结合着用,一般的音乐都不用上传的。 |
鲜花鸡蛋甜心尐猪 在2020-7-8 22:16 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 蝶洛 在2020-6-5 16:14 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 浅白 在2020-6-1 13:45 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 浅白 在2020-6-1 13:45 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 晴朵 在2020-5-31 18:05 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 晴朵 在2020-5-31 18:05 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 落墨惊云 在2020-5-31 14:16 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 陌洛儿 在2020-5-31 12:04 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 陌洛儿 在2020-5-31 12:04 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下 悠忧竹影 在2020-5-31 11:10 送朵鲜花 并说:我非常同意你的观点,送朵鲜花鼓励一下
|