代码雪馨苑音画论坛 - Powered by Discuz! Archiver

洛水三千 发表于 2023-5-28 20:43:07

代码

图片代码不是 http://xxyyhlt.cn/forum.php?mod=post&action=edit&fid=104&tid=6535&pid=92481&page=1?

需要什么类型的？

洛水三千 发表于 2023-5-28 20:45:43

自动播放代码
<audio style="width:300px;height:45px;" controls="controls" autoplay="autoplay" loop="loop" src="地址" type="audio/mpeg"></audio>

洛水三千 发表于 2023-5-28 20:47:21

自动播放代码

<div align="center"><audio style="width:300px;height:45px;" controls="controls" autoplay="autoplay" loop="loop" src="地址" type="audio/mpeg"></audio></div>

洛水三千 发表于 2023-5-28 20:48:33

手动播放代码
<audio style="width: 300px; height: 45px;" src="音乐地址" loop="loop" controls="controls" type="audio/mpeg"></audio>

洛水三千 发表于 2023-5-28 22:59:02

洛水三千 发表于 2023-5-28 23:00:48

网页调用代码
<div class="blockcode"><blockquote><div style="left: 0px; width: 100%; margin-top: 150px; position: absolute; z-index: 32768;">
<center>
<iframe width="1200" height="1079" src="http://bb.xxyyhlt.cn/xxy/youlanxue/20220214huaqg.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</center>
</div>
<div style="height: 1079px;">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br></blockquote></div>

洛水三千 发表于 2023-5-28 23:04:07

洛水三千 发表于 2023-5-28 23:04:57

图片代码：
<div style="left: 0px; width: 100%; margin-top: 150px; position: absolute; z-index: 32768;">
<center>
<iframe width="1200" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_01.jpg" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</center>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br>

洛水三千 发表于 2023-5-29 09:07:01

@哑弦单独给你写一个可以任意使用的图片代码，可用于一张或者多张图片。。

<div style="background: none; left: -150px; width: 100%; margin-top: 150px; position:relative; z-index: 32768;">
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_01.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_02.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_03.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_04.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_05.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_06.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_07.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_08.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_09.jpg"></p><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_10.jpg"></p><p>

</p><div align="left"><audio style="width: 5px; height: 5px;" src="https://music.163.com/song/media/outer/url?id=音乐.mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio></div>
</div>
<div style="width: 1200px; height: 20px;"></div>
<br><br> <br><br> <br><br> <br><br>

洛水三千 发表于 2023-5-29 09:10:59

<div style=" position:relative(相对定位，这个代码很重要）;z-index:32768;background:none;width:100%;
left:-150px（控制整个图片的左边距。如果不要超出左边界，可以不填这个。反复测试后，1200宽度的图片，－150手机和电脑能同时满足观看效果，其他宽度可以适度调整）;
margin-top:150px（控制到本帖的顶部距离，目前来看雪坛150为最适合）;">

<img width="1200" height="108"(图片宽与高） alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_01.jpg"><p>（换行，这个很重要，防止小图出现并列。）
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_02.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_03.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_04.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_05.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_06.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_07.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_08.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_09.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_10.jpg"><p>

<div align="left"><audio style="width:5px;height:5px;" （控制音乐播放器大小）controls="controls" autoplay="autoplay" （自动播放，不需要自动播放就删除）loop="loop" src="https://music.163.com/song/media/outer/url?id=音乐.mp3" type="audio/mpeg"></audio></div>
</div>
<div style="height:20px;"（控制帖子离下边距的位置高度，防止遮盖下面的内容。这行没有，会出现遮盖现象）></div>
<br><br> <br><br> <br><br> <br><br>

哑弦发表于 2023-5-29 10:52:49

洛水三千 发表于 2023-5-29 15:39:01

洛水三千 发表于 2023-5-29 15:58:18

两种代码我这里都可以运行效果如上：

<div style="left: -220px; top: 120px; width: 1112px; position: relative;">
<table width="1112" height="807" background="http://xxyyhlt.cn/data/attachment/forum/202305/28/184038dj17ssb3gjj3f3z7.jpg">
<tbody><tr><td>
</td></tr></tbody></table></div><br><br>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<div style="left: -220px;width: 100%; margin-top: 150px;position: relative;">

<iframe width="1112" height="807" src="http://xxyyhlt.cn/data/attachment/forum/202305/28/184038dj17ssb3gjj3f3z7.jpg" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>

<div style="width: 1200px; height: 20px;"></div>
<br><br> <br><br> <br><br> <br><br>

洛水三千 发表于 2023-6-1 23:08:37

@XX

哑弦发表于 2023-5-28 21:38:39

播放器收到~
我没说清楚，发音画的代码

哑弦发表于 2023-5-28 22:27:04

洛水三千发表于 2023-5-28 21:58
哪一个帖的？我基本都是竹轩那里抄了改改的

不是竹轩那种代码贴，发音画的，兰雪她们那种音画，单图的

页: [1] 2 3 4 5 6

雪馨苑音画论坛's Archiver

代码