代码着色测试

马黑黑

<style>
#mydiv {
	margin: auto;
	position: relative;
	width: 1024px;
	height: 640px;
	background: url('./18u.jpg') no-repeat center/cover;
	box-shadow: 3px 3px 8px gray;
	overflow: hidden;
}
@keyframes rotating { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
	<audio src="https://music.163.com/song/media/outer/url?id=1401905670" autoplay loop></audio>
	<div id="lrc" data-lrc="HUACHAO LRC">HUACHAO LRC</div>
	<div id="btnplay"></div>
</div>

<script>
var geci = [ [2,"心灵音乐 - 舞者",3], [340,"",1] ];
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/btnlrc.js';
document.querySelector('body').appendChild(sF);

Array.from({length: all = 5}).forEach((item,key) => {
	item = document.createElement('ye-zi');
	item.style.cssText += `--ww: 30px; --deg: ${360 / all * key}deg;`;
	btnplay.prepend(item);
});
</script>
	

马黑黑

与本地测试的不同，目前行号太靠左。论坛对 ol 有设置。

马黑黑

214. Mary
215. Dick
216. Sam
217. Kate
218. Mark
219. Jenny
220. Tom

马黑黑

ol 应设置一个 padding-left 值

马黑黑

十分钟后刷新，一楼左边距效果将和二楼的一样

红影

标色了看得更清楚了，真棒

红影

马黑黑 发表于 2024-2-18 17:46
与本地测试的不同，目前行号太靠左。论坛对 ol 有设置。

对这个不清楚，现在看着很清楚啊

马黑黑

红影 发表于 2024-2-18 20:07
对这个不清楚，现在看着很清楚啊

10分钟早就过了，我已经做了更新。不过为了兼顾论坛环境和自由环境，这的确是个令人尴尬的问题。

马黑黑

红影 发表于 2024-2-18 20:06
标色了看得更清楚了，真棒

还行还行，做的不够好

小辣椒

我刷新看看效果

小辣椒

自己电脑预览了一下，代码着色看的很清楚

马黑黑

小辣椒 发表于 2024-2-18 21:15
自己电脑预览了一下，代码着色看的很清楚

应该可以的吧。关键字还没收集完毕，有些地方还需斟酌

小辣椒

马黑黑 发表于 2024-2-18 21:36
应该可以的吧。关键字还没收集完毕，有些地方还需斟酌

小辣椒第一次看见这种字体代码加颜色的制作，黑黑你太厉害了

马黑黑

小辣椒 发表于 2024-2-18 21:38
小辣椒第一次看见这种字体代码加颜色的制作，黑黑你太厉害了

这个东东多了去，只是它们基本都很庞大，少则几十KB，多则几百KB，不是非常适合论坛使用

小辣椒

马黑黑 发表于 2024-2-18 21:40
这个东东多了去，只是它们基本都很庞大，少则几十KB，多则几百KB，不是非常适合论坛使用

哦，那论坛玩会不合适吧

马黑黑

小辣椒 发表于 2024-2-18 21:42
哦，那论坛玩会不合适吧

太大了，论坛程序本身就很大了引用太多的资源了

红影

马黑黑 发表于 2024-2-18 20:21
10分钟早就过了，我已经做了更新。不过为了兼顾论坛环境和自由环境，这的确是个令人尴尬的问题。

反正在这玩，顾论坛环境就好

红影

马黑黑 发表于 2024-2-18 20:21
还行还行，做的不够好

非常厉害呢

马黑黑

红影 发表于 2024-2-18 22:13
非常厉害呢

差远了，不够专业

马黑黑

红影 发表于 2024-2-18 22:12
反正在这玩，顾论坛环境就好

啥都需要照顾到才行