马黑黑 发表于 2024-2-18 17:43

代码着色测试

本帖最后由 马黑黑 于 2024-2-19 12:41 编辑 <br /><br /><style>
        .mum ol { padding-left: 10px !important; }
</style>
<div class="papa">
        <div class="mum"><pre>
&lt;style&gt;
#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); } }
&lt;/style&gt;

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

&lt;script&gt;
var geci = [ , ];
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) =&gt; {
        item = document.createElement('ye-zi');
        item.style.cssText += `--ww: 30px; --deg: ${360 / all * key}deg;`;
        btnplay.prepend(item);
});
&lt;/script&gt;
        </pre></div>
</div>

<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/colorcode.js';
document.querySelector('body').appendChild(sF);
</script>

马黑黑 发表于 2024-2-18 17:46

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

马黑黑 发表于 2024-2-18 17:55

本帖最后由 马黑黑 于 2024-2-19 19:38 编辑 <br /><br /><div class="ma">
        <ol start="214">
                <li>Mary</li>
                <li>Dick</li>
                <li>Sam</li>
                <li>Kate</li>
                <li>Mark</li>
                <li>Jenny</li>
                <li>Tom</li>
        </ol>
</div>

马黑黑 发表于 2024-2-18 17:56

ol 应设置一个 padding-left 值

马黑黑 发表于 2024-2-18 17:59

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

红影 发表于 2024-2-18 20:06

标色了看得更清楚了,真棒{:4_199:}

红影 发表于 2024-2-18 20:07

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

对这个不清楚,现在看着很清楚啊{:4_204:}

马黑黑 发表于 2024-2-18 20:21

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

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

马黑黑 发表于 2024-2-18 20:21

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

还行还行,做的不够好

小辣椒 发表于 2024-2-18 21:12

我刷新看看效果

小辣椒 发表于 2024-2-18 21:15

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

马黑黑 发表于 2024-2-18 21:36

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

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

小辣椒 发表于 2024-2-18 21:38

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

小辣椒第一次看见这种字体代码加颜色的制作,黑黑你太厉害了{:4_177:}

马黑黑 发表于 2024-2-18 21:40

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

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

小辣椒 发表于 2024-2-18 21:42

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

哦,那论坛玩会不合适吧

马黑黑 发表于 2024-2-18 21:43

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

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

红影 发表于 2024-2-18 22:12

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

反正在这玩,顾论坛环境就好{:4_173:}

红影 发表于 2024-2-18 22:13

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

非常厉害呢{:4_187:}

马黑黑 发表于 2024-2-18 22:27

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

差远了,不够专业

马黑黑 发表于 2024-2-18 22:28

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

啥都需要照顾到才行
页: [1] 2 3 4
查看完整版本: 代码着色测试