自定义模块设置示例

繁依Fanyi

发布于 2024-06-08 10:01:45

690

发布于 2024-06-08 10:01:45

CSDN 针对部分博主开放了自定义模块设置，我也是简单的使用了一下这个功能，感觉很不错，下面是我编写的参考代码大家可以复制下面代码来使自己的博客主页多样化。

<div class="pmusic">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=220 src="https://music.163.com/outchain/player?type=0&id=9108103776&auto=0&height=430"></iframe>
</div>
<div class="pvideo">
    <iframe src="https://player.bilibili.com/player.html?bvid=BV1VB4y1Y7wM&muted=1" width=280 height=220 scrolling="yes" border="0" frameborder="yes" framespacing="0" allowfullscreen="true"></iframe>
</div>


<style type="text/css">
    .pmusic {
        position: fixed;
        bottom: 235px;
        left: 5px;
        z-index: 9999;
    }
    
    .pvideo {
        position: fixed;
        bottom: 15px;
        left: 5px;
        z-index: 9999;
    }
    
</style>

具体样式可以参考我的博客主页，左下角的网易云外链播放器，以及哔哩哔哩外链播放器。