#Tutorial: Hidden MusicPlayer
Friday 20 May 2016 @ 23:32
hover后的效果✒︎
大家好啊
上次小编教大家做隐藏版的chatbox
这次教大家做隐藏版的mp3 player
这款是隐藏在右上角哦
大家能发挥自己的创意任意放在哪里都可以哦
开始吧～～～～
步骤
1.开你的模板
2.Ctrl+F(Command+F用Mac的)找</head>
3.在</head>之前放
#mp3 {#ffffff可以换背景颜色哦
text-align: center;font-size: 11px;position:fixed;left:1000px;top:-43px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}
#mp3 :hover {
top:-10px;}
#music {
padding: 15px 0 5px 0;background: #ffffff;width:100px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;}
#musictab {
font-family:century gothic;text-shadow: 0 1px 0 #ffffff height:30px;padding: 0 0 8px 0;background:#ffffff;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 50px;}
4.Ctrl+F(Command+F用Mac的)找</body>
5.在</body>之前放
<div id="mp3"> <div id="music"> <center> MP3 Player Code</center> </div> <div id="musictab"> <br><img src="IMG URL"></div> </div>
MP3 Player Code=放你的mp3在那里
IMG URL=随意放什么可爱的贴图都可以哦
6.Save，成功的话就恭喜啦 ^-^
Labels: tutorial
我是一个90后，双鱼座的孩子，喜欢一切美好事物，比如说看到家人朋友天天开心，看偶像导演的戏，看到花开花谢，看到自己收集的书，看到自己喜欢的口红，这些都会让我很开心很开心。我能很乐观也能很悲观，完全没有中立的可能。中学时期是是一个常常摆着一张脸的人。那时候的我超级喜欢打羽毛球，甚至去教练的课程打羽毛球打到自己有两块腹肌，全身肌肉很结实，可是现在都不如往日，时间越来越少，越来越忙碌，一年都没有打羽毛球一次，慢慢颓废了。
拥有金鱼般的记忆力，很快忘记很多伤心的一切事物。我是一个会发呆上小时的人（我也不懂我在搞什么）。我喜欢很多颜色，要么很深要么很浅。喜欢寻求刺激，喜欢坐上过山车的感觉。喜欢到外国旅行，因为能脱离自己凡俗的生活。不知道为什么莫名其妙的，就是喜欢牡丹花和仙人掌，也喜欢红烈鸟和浣熊
