由於一直減肥不成功,於是不停地碎碎唸


隱藏音樂播放器

hmn....最近不知道sot了那一條神經線,好幾天都沒有開電腦了。 ^_^lll 超不符合以往一定要每天開電腦的我...... 結果累積到一大堆留言,今天才一次過回覆,實在不好意思啊~ 這是本月的最後一天咯!這篇教程也是本月最後一篇post.... 

於是~這篇教程是為Sandy而寫滴~ o(^_<)o 老實說我不太喜歡發教程,要每一個步驟,每一樣重要的東西都得仔細寫。呵呵~先別說我懶!因為我承認自己的確是非常懶惰~ (^.^lll) 我不繼續廢話了,不然就被臭雞蛋砸中腦袋瓜了~ 囧

這篇教程其實與COCONUT發過的教程很相似,只是兩者相比,我這個比較幼秀些。而我的教程里的那個播放器是來自Bii的教程。


首先,登陸博客 → 信息中心 → 佈局 → 添加小工具 → HTML/JavaScript

并把一下的代碼複製到框框內

<style type="text/css">
#music{
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 14px;
    position: fixed;
    top: 10px;
    left: 0px;
    z-index:999;
    overflow:Hidden;
    border-radius: 0px 8px 8px 0px;
    padding-left: 7px;
    padding-right: 7px;
    background-color :#000000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
#music:hover{
    width: 80px;}
#music:hover #inside{
    opacity:1;}
#inside{
    position: absolute;
    width: 40px;
    overflow: hidden;
    padding-right: 22px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
#gf{
    padding-left: 0px;
    text-align: right;}
.buttons {
    width: 30px;
    margin-top: 0px;
    text-align: center;
    position: absolute;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;}
</style>
<div id="music">
<div id="inside">播放器代碼</div>
<div id="gf">
<img src="圖片direct link"/>
</div>



顏色字體 你所要放的位置 top 或者 bottom,left 或者 right。
顏色字體 背景的顏色

然後點擊保存。

啊啦啦~是不是很簡單咧? xD

當初我也是在BS里找到的,問題在於....我爲了找第一組的代碼,找了一個晚上。 =.=lll 很明顯是我對代碼的瞭解依舊完全不到火候。(牆角畫圈圈去)


這教程也并不是我研發的,但懇請轉載的朋友貼上我的貼紙,感謝合作。 ^___^




友情鏈接:

 

0 comments:

Post a Comment