20121220qifengmiantupian

改改更健康之动手篇

突然发现别人的博客越做越好反观自己却依旧问题很多,对于好多网友提出的问题虽一直挂在心上却一直没能付诸行动,昨天看了一个关于拖拉症的视频遂发现已病入膏肓!

博客也升级了,不过对于我而言升不升级貌似没有多大变化,只要没出现类似于乱码、页面404、数据丢失等问题就完全ok,貌似这几次升级我都没有做好备份的习惯,不过好在一切安然无恙也算是万事大吉了!

博客的评论框出问题已经很久了,大概两个月的时间评论框一直处于半瘫痪状态,提交速度慢的足以让你撒泡尿回来都不嫌晚,因此有好多网友都在反馈这个问题,反映的多了我也开始免疫了,拖拖拉拉就一直拖到写文章之前才修改好,因此真是很感谢那些近来不断发评论的网友,谢谢你们的坚持!因为博客有两个页面(小视频、每日音乐)是用留言板改过来的所以如果单纯的直接使用多说、denglu评论框会严重影响原有视频页面和音乐页面的样式,所以为了能达到两全其美的效果,在保留原用评论样式的基础上使用了denglu的自定义评论框功能,并将原有的评论列表取消了回复功能修改为 顶、踩(仿照煎蛋)。好,大功告成。不过denglu的问题还是存在的,因为denglu没有直接绑定wp管理员账号的功能,所以导致从灯鹭同步过来的数据有一些小问题(user_id默认为0的情况),因此不得不修改插件页面关于导入本地评论数据的方法,先测试一下效果,不过解决了用户评论慢的问题我已经很满足了,还请大家多来发表见解!

在此还是感谢支持52smile的朋友,希望你们能够多提建议,相信网站会越来越好!

为了增加篇幅,把自己新加的一个仿QQ到达顶部、底部的代码给贴出来:
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
/*锚点*/
/*p{line-height:28px}*/
.go {
    width: 47px;
    height: 106px;
    background-color:#FFF;
    position: fixed;
    _position: absolute;
    right: 1px;
    bottom: 25%;
    border-radius: 5px;
    box-shadow: 0 0 2px #6E6E6E;
    display: none;
}
 
.go a {
    background: url(MRimg/maodian.png) no-repeat;
    display: block;
    text-indent: 999em;
    line-height: 999px;
    width: 37px;
    margin: 5px;
    border: 0;
    overflow: hidden;
    float: left
}
 
.go .top {background-position: 0 -33px;height: 22px }
 
.go .feedback { background-position:0 -54px;height: 32px }
 
.go .bottom { background-position:0 -88px;height: 22px }
 
.go .top:hover { background-position: -38px -33px }
 
.go .feedback:hover { background-position: -38px -54px }
 
.go .bottom:hover { background-position: -38px -88px }

HTML

1
2
3
4
5
<div class="go">
  <a title="返回顶部" class="top" href="javascript:void(0)">至顶</a>
  <a title="如果您有意见,请请给我留言!" class="feedback" href="http://www.52smile.cn/guestbook" target="_blank">反馈</a>
  <a title="返回底部" class="bottom" href="javascript:void(0);">至底</a>
</div>

JS

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
// 顶部滚动
$(document).ready(function(){
  $(window).bind('scroll',function(){
    if($(window).scrollTop() > 100)
    {
      jQuery('.go').fadeIn("slow");
    }
    else
    {
      jQuery('.go').fadeOut("slow");
    }
  });
  //根据屏幕宽度显示div的位置
  jQuery('.go').css('left',(jQuery(window).width() - 990)/2+992);

  //移动到顶部、移动到底部
  //到顶部
  jQuery('.top').click(function(){
    $('html,body').animate({scrollTop:"0px"},800);
  });
  //到底部
  jQuery('.bottom').click(function(){
    $('html,body').animate({scrollTop:$(document).height()+"px"},800);
  });
});

浏览效果请到首页,滚动鼠标滚轮查看效果!

分享到:

19 条评论

点击这里取消回复。

昵称
  1. www.xevip.cn

    今天才发现你的博客,连着看了几篇呢! 诚交友链 站务申请:www.xevip.cn

  2. www.3gwb.com

    这个文章写的好,转走了! 欢迎回访:www.3gwb.com

  3. VIP灵儿网

    过来看看你的博客,希望每天都更新一些文章。 http://www.viplinger.cn

  4. 顺联动力

    拜读了,太好的帖子啦。顺联动力:http://www.shunliandonli.com/

  5. 五星娱乐城

    受益无穷

  6. 那不是我

    现在快多了,,我试试

  7. 鲁衡电源

    折腾更健康!(可爱)

  8. 之前想过要弄社会化,涉及的应用方比较多,便放弃考虑。不过效果和内容还是不错滴~~~

    1. 子涛

      你可以考虑考虑,目前社会化评论插件很多,各有所长!

  9. 秦天添MM制氧要博客

    这得有技术,才能动的的。

  10. 鬼娃娃

    折腾吧

    1. 子涛

      折腾折腾也不错~~

  11. 朵未

    主题改改自己会舒服一些。评论框我用多说的,感觉也还行。(呲牙)

  12. 乐猪

    平时是最懒的改这些代码的东东了,因为不会看着很是纠结

  13. Mr.Yzm

    发现同步到下面有代码多余。。。

  14. 五月里徜徉的小猫咪

    不太喜欢社会化评论框

    1. 子涛

      嗯,我也是纠结了好久没办法才使用的,不过已经让我修改的面目全非了,唯一的好处就是速度提升了!

  15. 龙城瓶子

    没看出什么变化

    1. 子涛

      应该是之前困难时期你没有赶上~~,希望多多提意见!