本帖最后由 加林森 于 2022-3-6 13:52 编辑 <br /><br />冬天的雨 发表于 2021-11-5 10:31
图片尺寸还可以小一点
改成多少为好？
宽度 > 620 ? 620:true);}.ie6 .photo_pic{width:780px;margin:0 auto;}.album_side_r{border-left:1px 虚线#CDCDCD;}.album_side{padding:20px 10px;font-size:12px;}。 album_side .hm{padding:0 0 10px;}.album_info h3{color:#999;margin:10px 0;}.album_side .date{color:#999;}.album_info p{text-indent:2em;}.tit_author {display:block;}.tit_author a{color:#369;font-size:14px;font-weight:700;}.authi .none{display:inline-block;}.authi .show{display:none;} .authi:hover .none{display:none;}.authi:hover .show{display:inline-block;}.ie6 .authi .none{display:none;}.ie6 .authi .show{display:inline-block ;}#a_magic_doodle{padding-left:20px;background:url(https://www.huachaowang.com/static/image/magic/doodle.small.gif) 0 50% 不重复；}.pl{}。 pl table{table-layout:fixed;width:100%;}.pl .dt{width:100%;}.plm{vertical-align:bottom !important;}.plc,.pls{vertical-align:top; }。
本帖最后由 加林森 于 2022-3-6 19:22 编辑 <br /><br />马黑黑 发表于 2021-11-3 22:10
客气了客气了
中午好
<style type="text/css">
.picBtn {
width: 100px;
height: 100px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-420px; width:1400px; top: 150px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/62248c8a5baa1a80ab4ff498.jpg" style="box-shadow:1px 1px 2px #F8F8FF; border:solid 1px #F8F8FF;" />
<div style="position:absolute; width:400px; left:160px; top: 200px; text-align:center;">
<center >
<p ><font color="#4169E1" size="5" >
<marqueescrollamount="4" direction="left" >假日的海灘-轻音乐</marquee>
<div style="position:absolute; width:400px; left:-200px; top: -20px; text-align:center;">
<p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/06/98a6e3757bc59e84a1ce8e00df5f1767.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')";
})
</script> </div>
<br><br><br><br><br><br><br><br><br><br>
加林森 发表于 2021-11-5 12:18
中午好
队长中午吃了么
本帖最后由 加林森 于 2022-3-6 17:45 编辑 <br /><br />马黑黑 发表于 2021-11-5 12:24
队长中午吃了么
现在是下午了
<style type="text/css">
.mnBox {
margin: 0 auto;
padding: 35px;
width: 720px;
border: none;
border-top: 6px solid #000;/* 顶部边框样式*/
border-radius: 10px;
background: #b3c3c3;
outline: none;
}
.ctBox {
margin: 0;
padding: 10px;
background: #fff;
min-height: 300px;
border-radius: 10px;
box-shadow: 1px 3px 2px 2px rgba(4,4,4,.6);
}
.ctBox p,img, h2,button { text-align:center; }
.picBtn {
width: 32px;
height: 32px;
border: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif') no-repeat;
cursor: pointer;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
}
.picBtn:hover {
opacity: 0.95;
box-shadow: 1px 1px 2px 2px rgba(0,0,0,.3);
}
.picBtn:active {
opacity: 0.8;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);
}
</style>
<div class="mnBox">
<div class="ctBox">
<p><img alt="" src=""图片地址 /></p>
<h2 style="text-align:center;">帖子标题</h2>
<pre>
帖子内容行一
帖子内容行二
每行不要太长
注意缩进
注意分行（不要HTML标签)
</pre>
<p><audio id="music" src="音乐地址"></audio></p>
<p><button id="picBtn" class="picBtn"></button></p>
<p>制作者 年月日</p>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501412221-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif ')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif')";
})
</script>
加林森 发表于 2021-11-5 15:36
现在是下午了
晚上了
马黑黑 发表于 2021-11-5 18:35
晚上了
晚上好