密码      自动登录 找回密码 立即注册(请使用中文名称)
    
查看: 12790|回复: 56

代码

[复制链接]

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
发表于 2023-5-28 20:43:07 | 显示全部楼层 |阅读模式
图片代码  不是 [img]  [/  img]

                               
登录/注册后可看大图
?

需要什么类型的?

评分

参与人数 1金钱 +100 收起 理由
大雅 + 100

查看全部评分

躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 20:45:43 | 显示全部楼层
自动播放代码
  1. <audio style="width:300px;height:45px;" controls="controls" autoplay="autoplay" loop="loop" src="地址" type="audio/mpeg"></audio>
复制代码


躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 20:47:21 | 显示全部楼层
自动播放代码

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


躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 20:48:33 | 显示全部楼层
手动播放代码

  1. <audio style="width: 300px; height: 45px;" src="音乐地址" loop="loop" controls="controls" type="audio/mpeg"></audio>
复制代码


躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 22:59:02 | 显示全部楼层












评分

参与人数 1金钱 +100 收起 理由
青石板 + 100

查看全部评分

躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 23:00:48 | 显示全部楼层
网页调用代码
  1. <div class="blockcode"><blockquote><div style="left: 0px; width: 100%; margin-top: 150px; position: absolute; z-index: 32768;">
  2. <center>
  3. <iframe width="1200" height="1079" src="http://bb.xxyyhlt.cn/xxy/youlanxue/20220214huaqg.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
  4. </center>
  5. </div>
  6. <div style="height: 1079px;">
  7. </div>
  8. <br><br><br><br><br><br><br><br><br><br><br><br></blockquote></div>
复制代码



评分

参与人数 1金钱 +10 收起 理由
哑弦 + 10 这个也不行

查看全部评分

躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 23:04:07 | 显示全部楼层













躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-28 23:04:57 | 显示全部楼层
图片代码:
  1. <div style="left: 0px; width: 100%; margin-top: 150px; position: absolute; z-index: 32768;">
  2. <center>
  3. <iframe width="1200" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_01.jpg" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
  4. </center>
  5. </div>
  6. <br><br><br><br><br><br><br><br><br><br><br><br><br>
复制代码

评分

参与人数 2金钱 +110 收起 理由
幽兰雪 + 100 很给力!
哑弦 + 10 不对,这是切片

查看全部评分

躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-29 09:07:01 | 显示全部楼层
@哑弦 单独给你写一个可以任意使用的图片代码,可用于一张或者多张图片。。

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


  12. </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>
  13. </div>
  14. <div style="width: 1200px; height: 20px;"></div>
  15. <br><br> <br><br> <br><br> <br><br>


复制代码


躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 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>





评分

参与人数 1金钱 +100 收起 理由
幽兰雪 + 100 出类拔萃!

查看全部评分

躲进小篓成一桶
回复

使用道具 举报

24

主题

664

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
10291
发表于 2023-5-29 10:52:49 | 显示全部楼层
  1. <div style="left: -220px; top: 120px; width: 1112px; position: relative;">
  2. <table width="1112" height="807" background="http://xxyyhlt.cn/data/attachment/forum/202305/28/184038dj17ssb3gjj3f3z7.jpg">
  3. <tbody><tr><td>
  4. </td></tr></tbody></table></div><br><br><br><br><br><br><br>
复制代码


但识琴中趣   何劳弦上音
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-29 15:39:01 | 显示全部楼层


===============








躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-5-29 15:58:18 | 显示全部楼层
两种代码我这里都可以运行  效果如上:


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


  5. ===============


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

  7. <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>
  8. </div>

  9. <div style="width: 1200px; height: 20px;"></div>
  10. <br><br> <br><br> <br><br> <br><br>
复制代码


躲进小篓成一桶
回复

使用道具 举报

18

主题

692

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
15875
 楼主| 发表于 2023-6-1 23:08:37 | 显示全部楼层
[url=home.php?mod=space&uid=XXX]@XX[/url]
躲进小篓成一桶
回复

使用道具 举报

24

主题

664

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
10291
发表于 2023-5-28 21:38:39 | 显示全部楼层
播放器收到~
我没说清楚,发音画的代码
但识琴中趣   何劳弦上音
回复

使用道具 举报

24

主题

664

帖子

1万

积分

雪苑居士

Rank: 7Rank: 7Rank: 7

积分
10291
发表于 2023-5-28 22:27:04 | 显示全部楼层
洛水三千 发表于 2023-5-28 21:58
哪一个帖的?我基本都是竹轩那里抄了改改的

不是竹轩那种代码贴,发音画的,兰雪她们那种音画,单图的
但识琴中趣   何劳弦上音
回复

使用道具 举报

本版积分规则

手机版|Archiver|雪馨苑音画论坛 ( 辽ICP备2020012594号 )

GMT+8, 2024-12-22 21:17 , Processed in 0.100134 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2011 Comsenz Inc. skin by asw6

返回顶部