圣诞雪花

  • 雪花飞舞,在主题的顶部 (header.php)的head中加入
1
2
3
4
5
6
<script src="http://1pixelfile.duapp.com/snowstorm/snowstorm.js"></script>
<script>
   snowStorm.snowColor = '#111';<!--雪花颜色-->
   snowStorm.flakesMaxActive = 5000;<!--雪花数量-->
   snowStorm.useTwinkleEffect = false;<!--雪花是否闪烁(是ture,否false)-->
</script>
  • 如果你只需要让某一个文章显示雪花,那么在相应的文章插入即可

 

教程来着@丸子君

此人夜游症,喜半夜鼓捣。

音乐播放器

  • 在主题的header.php文件的head部分加入一下内容
    1
    2
    3
    4
    5
    6
    <script src="http://1pixelfile.duapp.com/audiojs/audio.min.js"></script>
    <script>
      audiojs.events.ready(function() {
         audiojs.createAll();
       });
    </script>
  • 在主题的样式表 (style.css)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    #audiojs_wrapper0{
      width:500px;
      background:#FFF;
      border-left:2px solid #99cc00;
      margin:0 20px;
      padding-left:20px;
      box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
      -o-box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
      -moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
      -webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
    }
    #audiojs_wrapper0 .time{
      font-family:"Open Sans","微软雅黑",Arial,sans-serif;
      font-size:12px;
      color:#6d6d6d;
      text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
      border-left:0px solid rgba(0, 0, 0, 0);
    }
    #audiojs_wrapper0 .time .played{
      font-family:"Open Sans","微软雅黑",Arial,sans-serif;
      font-size:12px;
      color:#6d6d6d;
      text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
    }
    #audiojs_wrapper0 .time .duration{
      font-family:"Open Sans","微软雅黑",Arial,sans-serif;
      font-size:12px;
      color:#6d6d6d;
      text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
    }
    #audiojs_wrapper0 .play-pause{
      border-right:0px solid rgba(0, 0, 0, 0);
    }
    #audiojs_wrapper0 .scrubber{
      height:5px;
      margin-top:15px;
      border-top:0px solid rgba(0, 0, 0, 0);
      background:rgb(250,250,250);
    }
    #audiojs_wrapper0 .scrubber .loaded{
      background:rgb(240,240,240);
    }
    #audiojs_wrapper0 .scrubber .progress{
      background:#99cc00;
    }
  • 新建一篇文章或者页面插入音乐,src是音乐文件地址
    1
    <audio src="http://wlai.me/love/love/Music/music.mp3" preload="auto"></audio>
  • 目前发现的Bug
    好像一个页面同时出现两个以上播放器的时候,除第一个之外的所有都读取不了CSS

5 COMMENTS
  1. 2013/12/25
    Wlai

    劳资觉得我该揍你了

    • 2013/12/25
      沐风 Master
      @Wlai 要帮忙的不,这里有个壮汉~可以帮你打个下手~
  2. 2013/12/25
    沐风 Master

    感觉这东西不实用…要是雪花能在页脚积起来就漂亮了~

    • 2013/12/25
      Meow
      @沐风 Master 现在能堆一层,可以修改修改。这玩意是楼上那位做的
  3. 2015/11/25
    Wlai

    123

LEAVE A REPLY
loading