《一生与你擦肩而过》阿悠悠送大家！ - 第3页 - 欢乐水吧 - 花潮论坛

加林森 发表于 2021-12-6 20:58

本帖最后由加林森于 2022-1-17 13:28 编辑 <br /><br />大猫咪发表于 2021-12-6 20:51
越听越好听继续欣赏队长美帖！
猫猫喜欢就好！

<style type="text/css">
.mnBox {
   margin: 0 auto;
   padding: 35px;
   width: 720px;
   border: none;
   border-top: 6px solid #000;
   border-radius: 10px;
   background: #b3c3c3;
}
.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(' src="https://pic.imgdb.cn/item/61e4f30a2ab3f51d91dbd79e.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 src="https://pic.imgdb.cn/item/61e4f30a2ab3f51d91dbd79e.gif"></p>
            <p><img alt="" src=""https://pic.imgdb.cn/item/61e4f30a2ab3f51d91dbd79e.gif"> </p>
            <h2 style="text-align:center;">【雪落下的声音】- 锦姑娘</h2>
            <pre>
            雪落下的声音
            轻轻，落在我掌心，
            静静，在掌中结冰。
            相逢，是前世注定，
            痛并，把快乐尝尽。
            明明，话那么寒心，
            假装，那只是叮咛。
            泪尽，也不能相信，
            此生，如纸般薄命。
            我慢慢地听，雪落下的声音，
            闭着眼睛幻想它不会停，
            你没法靠近，决不是太薄情，
            只是贪恋窗外的好风景。
            我慢慢地品，雪落下的声音，
            仿佛是你贴着我叫卿卿，
            睁开了眼睛，漫天的雪无情
            谁来赔这一生的好光景？
            明明，话那么寒心，
            假装，那只是叮咛。
            泪尽，也不能相信，
            此生，如纸般薄命。
            我慢慢地听，雪落下的声音，
            闭着眼睛幻想它不会停，
            你没法靠近，决不是太薄情，
            只是贪恋窗外的好风景。
            我慢慢地品，雪落下的声音，
            仿佛是你贴着我叫卿卿，
            睁开了眼睛，漫天的雪无情
            谁来赔这一生的好光景？
            谁来赔这一生的好光景？
            谁来赔这一生的好光景。

            </pre>
            <p><audio id="music" src="https://www.80wp.com/wj/3015575/e678be82332a9775780d6dcbff7b96a2.mp3"></audio></p>
            <p><button id="picBtn" class="picBtn"></button></p>

            <p>加里森 2022- 01.17</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-12-6 20:59

队长哥哥，我来啦。

浪漫厨娘 发表于 2021-12-6 21:00

还换不了头像呢。估计是等级不够。

加林森 发表于 2021-12-6 21:05

本帖最后由加林森于 2022-5-11 16:43 编辑 <br /><br />浪漫厨娘发表于 2021-12-6 20:59
队长哥哥，我来啦。
妹妹来啦，欢迎啊！可以换的啊。

<style>
.tvOuter {
   margin: 20px auto 0;
   width: 740px;
   height: 460px;
   border-radius: 3px;
   background: rgba(0,0,0,.85);
   box-shadow: 0px 0px 2px 4px #000;
   position: relative;
}
.tvOuter::before, .tvOuter::after {
   position: absolute;
   content: '';
   width: 30px;
   height: 30px;
   top: 100%;
   left: 20%;
   background: inherit;
   clip-path: polygon(10% 100%,50% 0%,90% 100%,70% 100%,50% 30%,30% 100%);
}
.tvOuter::after { left: 80%;}
.tvInner {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: fill;
}

</style>

<div class="tvOuter">
   <iframe width="740" height="460" frameborder="0" src="https://www.ixigua.com/iframe/7053419491790848512?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
</div>

加林森 发表于 2021-12-6 21:06

本帖最后由加林森于 2022-5-11 16:44 编辑 <br /><br />浪漫厨娘发表于 2021-12-6 21:00
还换不了头像呢。估计是等级不够。
要等的吧

<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>

<div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb" style="line-height: 24px; letter-spacing: 2px;">

<div class="t_fsz" style="min-height: 100px;">
<table cellspacing="0" cellpadding="0"><tbody><tr><td class="t_f" id="postmessage_1151240">
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tbody><tr><td title="" class="t_f" id="postmessage_154136">
<video style="border-radius: 2%; width: 1100px; height: 820px; overflow: hidden; margin-top: 120px; margin-left: 0px; transform: skewX(0deg) skewY(0deg);" src="http://kvideo01.youju.sohu.com/3bfd15fe-e4e5-4141-b9f6-ae95438fe2112_0_0.mp4" autoplay="" loop="" controls=""></video></td></tr></tbody></table>
</div><br><br><br><br><br><br><br><br></td></tr></tbody></table></div>

浪漫厨娘 发表于 2021-12-6 21:06

加林森发表于 2021-12-6 21:05
妹妹来啦，欢迎啊！可以换的啊。

换不了，我试了几次了。我再试试吧。

浪漫厨娘 发表于 2021-12-6 21:07

加林森发表于 2021-12-6 21:06
要等的吧

不是要等，是根本没出现换头像的页面，点击修改头像，没反应。

绿叶清舟 发表于 2021-12-6 21:07

浪漫厨娘发表于 2021-12-6 21:06
换不了，我试了几次了。我再试试吧。

是不是浏览器问题？

加林森 发表于 2021-12-6 21:27

本帖最后由加林森于 2022-1-22 22:26 编辑 <br /><br />浪漫厨娘发表于 2021-12-6 21:06
换不了，我试了几次了。我再试试吧。
可能要以百帖才行

<style type="text/css">
.btn-ro {
width: 32px;
height: 32px;
line-height: 32px;
background: linear-gradient(blue,gray,red);
border-radius: 50%;
outline:none;
color: white;
text-align: center;
box-shadow: 1px 1px 2px #666;
opacity: 1;
cursor: pointer;
animation: rol 5s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>
<p style="text-align:center;">
<div class="tb-Box"><div style="position: relative; left:-390px;TOP:150px; width:1385px;-390px
TOP:150px width:1385px
<img alt="【箫雨】" title="空雨"src="https://pic.imgdb.cn/item/61eb7b3c2ab3f51d919c5bc1.jpg" alt="" style="opacity: 0.5;">
</p>
<div id="btn-ro" class="btn-ro" style="position:relative;top:420px;left:-450px;"></div>
top:420 left:-450px; <style type="text/css">

.btn-ro {
   width: 10px; height: 10px;
   background: Thistle;
   border: 18px solid;
   border-color: MidnightBlue RoyalBlue;
   border-radius: 50%;
   box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
   cursor: pointer;
   animation: rol linear 2s infinite;
<p><audio id="ymusic"src="https://www.80wp.com/wj/3015606/912b6a007964a02d4f1f86340ca4c258.mp3"autoplay="autoplay" loop="loop"></audio>
<div id="btn-ro" class="btn-ro" style="position:relative;top:-60px;left:100px;">●</div>
<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>

加林森 发表于 2021-12-6 21:27

本帖最后由加林森于 2022-1-19 17:56 编辑 <br /><br />浪漫厨娘发表于 2021-12-6 21:07
不是要等，是根本没出现换头像的页面，点击修改头像，没反应。
继续等待

<style type="text/css">
.tb { margin: 0 auto; width: 699px; height: 487px; position: relative; box-shadow: 2px 2px 6px 1px rgba(0,0,0,.8); }
.tb img { width: 699px; height: 487px; cursor: pointer; opacity: .95; }
.frame { position: absolute; left: 0px; top: 0px; display: none;}
.tb:hover .frame { display: block; }
</style>
<div class="tb">
<img src="https://pic.imgdb.cn/item/61e7da112ab3f51d912a2afd.jpg" alt="" />
<iframe class="frame" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://www.80wp.com/wj/107164/798b655ee49c826ebdce587061063622.mp3"></iframe>
</div>

马黑黑 发表于 2021-12-6 22:12

加林森发表于 2021-12-6 20:48
必须的

知道知道

加林森 发表于 2021-12-6 22:13

本帖最后由加林森于 2022-1-22 22:32 编辑 <br /><br />马黑黑发表于 2021-12-6 22:12
知道知道
知道就好

<style type="text/css">
.btn-ro {
width: 32px;
height: 32px;
line-height: 32px;
background: linear-gradient(blue,gray,red);
border-radius: 50%;
outline:none;
color: white;
text-align: center;
box-shadow: 1px 1px 2px #666;
opacity: 1;
cursor: pointer;
animation: rol 5s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>
<p style="text-align:center;">
<div style="position: relative; left:-390px;TOP:150px; width:1385px;-390px
TOP:150px width:1385px </div>
<img alt="【箫雨】" title="空雨"src="https://pic.imgdb.cn/item/61eb7b3c2ab3f51d919c5bc1.jpg" alt="" style="opacity: 0.5;">
</p>
<div id="btn-ro" class="btn-ro" style="position:relative;top:420px;left:-450px;"></div>
top:420 left:-450px; <style type="text/css">

.btn-ro {
   width: 10px; height: 10px;
   background: Thistle;
   border: 18px solid;
   border-color: MidnightBlue RoyalBlue;
   border-radius: 50%;
   box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
   cursor: pointer;
   animation: rol linear 2s infinite;
<div：<p><audio id="ymusic"src="https://www.80wp.com/wj/3015606/912b6a007964a02d4f1f86340ca4c258.mp3"autoplay="autoplay" loop="loop"></audio>
<div id="btn-ro" class="btn-ro" style="position:relative;top:-60px;left:100px;">●</div>
<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>

马黑黑 发表于 2021-12-6 22:15

加林森发表于 2021-12-6 22:13
知道就好

不好也好的

加林森 发表于 2021-12-6 22:20

马黑黑发表于 2021-12-6 22:15
不好也好的

是的是的

马黑黑 发表于 2021-12-6 22:21

加林森发表于 2021-12-6 22:20
是的是的

{:4_199:}

加林森 发表于 2021-12-6 22:23

马黑黑发表于 2021-12-6 22:21

OK

马黑黑 发表于 2021-12-6 22:23

加林森发表于 2021-12-6 22:23
OK

Okey

加林森 发表于 2021-12-6 22:29

马黑黑发表于 2021-12-6 22:23
Okey

{:4_189:}

马黑黑 发表于 2021-12-6 22:32

{:4_203:}

加林森 发表于 2021-12-6 22:37

马黑黑发表于 2021-12-6 22:32

{:4_197:}

页: 1 2 [3] 4 5

花潮论坛's Archiver