知道不知道 （学习加黑黑标题字效果）
<DIV align=center color=#ff0000 ><tablestyle="position: relative; LEFT: -200px; width:1000px;TOP: 150px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=573 background=https://pic.imgdb.cn/item/622dac425baa1a80ab390d33.jpg>
<DIVstyle="MARGIN: 5px; position: relative; LEFT:520px; width:300px;TOP: 50px">
<IMG border=0 src="https://pic.imgdb.cn/item/622d9b375baa1a80ab31d99f.gif"width=300_height="150"></DIV>
<DIVstyle="MARGIN: 5px; position: relative; LEFT:-60px; width:500px;TOP: -160px">
<IMG border=0 src="https://pic.imgdb.cn/item/622d9e335baa1a80ab334d7f.gif"width=500_height="375"></DIV>
</table></DIV><BR><BR><BR><BR><BR><BR><BR>
<DIVstyle="position: relative; LEFT: -50px; TOP: -520px">
<style type="text/css">
.yinying {
text-align: center;
font-size: 2.8em;
font-weight: bold;
color: #006400;
text-shadow:0 -1px 0 #ffffff,0 1px 0 #2e2e2e,0 2px 0 #2c2c2c,0 3px 0 #2a2a2a,0 4px 0 #282828,0 5px 0 #262626,0 6px 0 #242424,0 7px 0 #222222,0 8px 0 #202020,0 9px 0 #1e1e1e,0 10px 0 #1c1c1c,0 11px 0 #1a1a1a,0 12px 0 #181818,0 13px 0 #161616,0 14px 0 #141414,0 15px 0 #121212;
}
</style>
<div class="yinying">知道不知道</div>
<style type="text/css">
.picBtn {
width: 32px;
height: 32px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/62277b205baa1a80ab945676.png') no-repeat;
cursor: pointer;
</style>
<div style="position:absolute; width:300px; left:50px; top: 440px; text-align:center;">
<center >
<p ><font color="#6ec529" size="4" >
<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
<marqueescrollamount="4" direction="left" >那天的云是否都已料到 所以脚步才轻巧 以免打扰到我们的时光 因为注定那么少 风吹着白云飘 你到哪里去了 想你的时候 喔抬头微笑 知道不知道
</marquee>
<p><audio id="music" src="https://s1.ananas.chaoxing.com/audio/61/c3/7a/57263debc991fbb4444a99a98a157c82/audio.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:100px; left:500px; top: -10px; text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</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('https://pic.imgdb.cn/item/62277b205baa1a80ab945676.png ')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/62277b3c5baa1a80ab9464bf.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/62277b3c5baa1a80ab9464bf.png')";
})
</script>
这个字体的变化真好看。小辣椒好制作。{:4_199:} @马黑黑
我发现预览和发论坛位置有一点不一样。要调整一下的 辣椒制作一直是这么的温馨浪漫，歌图选曲都棒棒滴！特别喜欢的歌，现在听真舒服！
{:4_179:}{:4_204:}{:4_199:} 这个可以听到。{:4_204:} 大猫咪 发表于 2022-3-13 20:35
辣椒制作一直是这么的温馨浪漫，歌图选曲都棒棒滴！特别喜欢的歌，现在听真舒服！
{: ...
猫猫，这个图图不怎么漂亮，我就配黑黑分享的标题字颜色，以后会了，就慢慢修自己喜欢的颜色了 加林森 发表于 2022-3-13 20:31
这个字体的变化真好看。小辣椒好制作。
队长标题字是黑黑的字体特效分享教程
文字效果集中营
https://www.huachaowang.com/forum.php?mod=viewthread&tid=57643&fromuid=4275
(出处: 花潮论坛)
小辣椒 发表于 2022-3-13 20:47
队长标题字是黑黑的字体特效分享教程
文字效果集中营
谢谢小辣椒，我去看看。 浅风儿 发表于 2022-3-13 20:45
这个可以听到。
问好风儿，现在大家都在玩黑黑老师分享的css编辑播放器，什么浏览器都没有问题，都可以听到的 大猫咪 发表于 2022-3-13 20:35
辣椒制作一直是这么的温馨浪漫，歌图选曲都棒棒滴！特别喜欢的歌，现在听真舒服！
{: ...
猫猫，这个纯css制作，我发你代码，你可以玩一下 小辣椒 发表于 2022-3-13 20:51
问好风儿，现在大家都在玩黑黑老师分享的css编辑播放器，什么浏览器都没有问题，都可以听到的
刚才闲人的那个听不到。 浅风儿 发表于 2022-3-13 20:57
刚才闲人的那个听不到。
我去看看，那个帖？ 这个效果漂亮啊，好温柔的歌 小辣椒 发表于 2022-3-13 21:02
我去看看，那个帖？
音乐欣赏-花开故人来 浅风儿 发表于 2022-3-13 20:45
这个可以听到。
这个俺听不到。。。{:5_103:} 浅风儿 发表于 2022-3-13 21:07
音乐欣赏-花开故人来
那个是MV音乐{:4_173:} 东篱闲人 发表于 2022-3-13 21:11
这个俺听不到。。。
{:4_172:} 好漂亮，其实黑黑的好多蚊子用到帖子里都很惊艳的呢。欣赏亲爱的好制作{:4_187:} 红影 发表于 2022-3-13 21:48
好漂亮，其实黑黑的好多蚊子用到帖子里都很惊艳的呢。欣赏亲爱的好制作
亲爱的，黑黑的标题字最好是大图用，今天这个图太小，我改了文字尺寸的 小辣椒 发表于 2022-3-13 20:31
@马黑黑
我发现预览和发论坛位置有一点不一样。要调整一下的
环境不同，有时候会有差异
页:
[1]
2