论坛 › 祝福礼堂 › 【噼里啪啦过年了】祝福大家新春快乐，虎年吉祥！

红影 发表于 2022-1-24 14:27

【噼里啪啦过年了】祝福大家新春快乐，虎年吉祥！

<link rel="stylesheet" href="https://638183.freep.cn/638183/rar/denglong.css">
<style type="text/css">

.guonian {
        margin: 10px auto;
        padding: 12px;
        width: 1300px;
        height: 800px;
        position: relative;
        left: -320px;
        top: 80px;
        background: url('http://image.hnol.net/c/2022-01/24/13/202201241352047561-4765111.gif') no-repeat;
        cursor: pointer;
      z-index: 0;
}
.btn-ro {
      width: 10px; height: 10px;
      background: #F8A0B1;
      border: 18px solid;
      border-color: #FF5555 #FF0000;
      border-radius: 50%;
      box-shadow: 0px 0px 1px 2px rgba(227,82,82,0.75);
      cursor: pointer;
      animation: rol linear 2s infinite;
}

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

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


</style>

<div class="lantern-con" style="position:absolute;left:280px;top:800px;z-index: 100;">
      <div class="lantern-line"></div>
      <div class="lantern-light">
                <div class="lantern-circle">
                        <div class="lantern-rect">
                              <div class="lantern-text">春節</div>
                        </div>
                </div>
                <div class="lantern-tassel-top">
                        <div class="lantern-tassel-middle"></div>
                        <div class="lantern-tassel-bottom"></div>
                </div>
      </div>
</div>

<div class="lantern-con" style="position:absolute;left:1080px; top:800px;z-index: 100;">
      <div class="lantern-line"></div>
      <div class="lantern-light">
                <div class="lantern-circle">
                        <div class="lantern-rect">
                              <div class="lantern-text">快樂</div>
                        </div>
                </div>
                <div class="lantern-tassel-top">
                        <div class="lantern-tassel-middle"></div>
                        <div class="lantern-tassel-bottom"></div>
                </div>
      </div>
</div>
<div class="guonian"></div>
<audio id="ymusic" src="https://www.80wp.com/wj/14399/5caef325589405700447100686c854b1.mp3" autoplay="autoplay"

loop="loop"></audio>
<div id="btn-ro" class="btn-ro" style="position:relative;top:-152px;left:326px;"></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>

红影 发表于 2022-1-24 14:52

噼里啪啦过年了。过年了放假了，热热闹闹，欢欢喜喜，一起过大年。{:4_177:}

红影 发表于 2022-1-24 14:54

谢谢黑黑带来的喜庆的灯笼和漂亮的转动播放器按钮，谢谢东篱大哥的花潮logo，学习做个帖子，为了给大家送上节日的祝福。祝大家幸福快乐，平安如意{:4_187:}

樵歌 发表于 2022-1-24 19:16

噼里啪啦过年了，红红火火过年了，在红灯笼高高挂，花潮一年更比一年好。{:4_204:}

红影 发表于 2022-1-24 20:52

樵歌 发表于 2022-1-24 19:16
噼里啪啦过年了，红红火火过年了，在红灯笼高高挂，花潮一年更比一年好。

过年必须喜庆，一起闹腾，让喜悦冲向云霄{:4_173:}

红影 发表于 2022-1-24 20:53

@马黑黑为什么在单位定位好的灯笼，到家里电脑上就变了，怎样才能让定位不受电脑分辨率的影响呢？

马黑黑 发表于 2022-1-24 21:17

红影 发表于 2022-1-24 20:53
@马黑黑为什么在单位定位好的灯笼，到家里电脑上就变了，怎样才能让定位不受电脑分辨率的影响呢？

不能。分辨率小，空间就被挤占，这是没办法的，解决方法是买好一点的显示器，分辨率不能是1024*768的，要大于这个数

马黑黑 发表于 2022-1-24 21:18

红影 发表于 2022-1-24 20:53
@马黑黑为什么在单位定位好的灯笼，到家里电脑上就变了，怎样才能让定位不受电脑分辨率的影响呢？

不过你说的是帖子的灯笼。这个可以的吧：左边的left设为0，右边的合适了

红影 发表于 2022-1-24 21:44

马黑黑 发表于 2022-1-24 21:17
不能。分辨率小，空间就被挤占，这是没办法的，解决方法是买好一点的显示器，分辨率不能是1024*768的，要 ...

嗯嗯，我单位的和家里的电脑不一样，正好可以对比一下了，虽然产权都是单位的{:4_173:}

红影 发表于 2022-1-24 21:46

马黑黑 发表于 2022-1-24 21:18
不过你说的是帖子的灯笼。这个可以的吧：左边的left设为0，右边的合适了

嗯，又调了一下。和论坛的灯笼一样的{:4_173:}

马黑黑 发表于 2022-1-24 22:21

红影 发表于 2022-1-24 21:46
嗯，又调了一下。和论坛的灯笼一样的

其实可以挂一整排呢

马黑黑 发表于 2022-1-24 22:22

红影 发表于 2022-1-24 21:44
嗯嗯，我单位的和家里的电脑不一样，正好可以对比一下了，虽然产权都是单位的

分辨率大小不一，一般要考虑到

红影 发表于 2022-1-24 23:07

马黑黑 发表于 2022-1-24 22:21
其实可以挂一整排呢

嗯嗯，但挂俩就够了。这灯笼四周还有光晕，真美{:4_187:}

红影 发表于 2022-1-24 23:08

马黑黑 发表于 2022-1-24 22:22
分辨率大小不一，一般要考虑到

我不知道怎样去考虑啊，只是眼睛见到什么就什么了{:4_173:}

马黑黑 发表于 2022-1-24 23:09

红影 发表于 2022-1-24 23:08
我不知道怎样去考虑啊，只是眼睛见到什么就什么了

所见即所得

马黑黑 发表于 2022-1-24 23:09

红影 发表于 2022-1-24 23:07
嗯嗯，但挂俩就够了。这灯笼四周还有光晕，真美

这叫光晕

红影 发表于 2022-1-25 09:42

马黑黑 发表于 2022-1-24 23:09
所见即所得

对，总能调到差不多的{:4_173:}

红影 发表于 2022-1-25 09:48

马黑黑 发表于 2022-1-24 23:09
这叫光晕

跟月晕似的，有这么一圈朦胧的光圈，更觉得漂亮。
还好两个灯笼上的字不一样，调位置时更容易看出来，否则以我的迷糊，会调错的{:4_173:}

马黑黑 发表于 2022-1-25 10:01

红影 发表于 2022-1-25 09:48
跟月晕似的，有这么一圈朦胧的光圈，更觉得漂亮。
还好两个灯笼上的字不一样，调位置时更容易看出来，否 ...

如果字一样也无所谓，哪个在左边哪个在右边也无所谓

马黑黑 发表于 2022-1-25 10:02

红影 发表于 2022-1-25 09:42
对，总能调到差不多的

付出总有回报

查看完整版本: 【噼里啪啦过年了】祝福大家新春快乐，虎年吉祥！