wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > wordpress网站边侧的悬浮小工具源码

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

wordpress网站边侧的悬浮小工具源码

发布时间:2013/06/25 WordPress技术博客 wp应用技术 11018 31

最近有不少朋友向我索要web主题公园网站的半侧悬浮小工具,觉得是一个非常方便而又美观的样式。今天应大家的要求特此发布源码,大家可以直接下载文件使用,本文介绍如何使用和修改此源码,希望能够对你有所帮助。

使用帮助:

1.首先下载文档:悬浮小工具

2.打开文档,将<style> </style>中的css全部复制到你的css文件夹中,并写好注释

3.将<script type="text/javascript"></script>    复制到你的js文档中,并写好注释。

最后将html代码css类 xf 中所有的编码复制到head区域,注意,复制的区域要在id="page-wrap" div之前哦!~

4.将images文件夹中的图片复制到你的图片文件夹中。

现在刷新你的网站,是不是出现了悬浮的小工具呢?

你可以修改图片xf.png来制作你自己的样式,在文件中我们附赠了psd文档可以提供修改哦~

文档中提供一些代码共你参考:

点击弹开qq的代码

收藏的js代码

最后记得加载jquery库哦,此段代码是居于jquery的!~

附:如何引用微博展示模块:

进入新浪微博,点击我的工具:

dsaQ

选择你的样式,需要显示的方式等,复制代码到相应位置即可:

sddsadsafadf

下载文档:悬浮小工具

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。

  1. 请问代码放好以后按钮是有了,鼠标移动上去也有效果,但是就是什么都没有显示出来。这是什么原因呢?

    2015年5月24日 14:52 回复
  2. dscsct

    蛮好的,问题已经解决啦。呵呵。谢谢楼主

    2013年11月1日 00:23 回复
  3. 你好 我刚开始复制微博代码进去有效果 但是刷新就没了效果 重新保存还是没用

    2013年10月16日 15:09 回复
  4. 你好 为什么我的微博没有显示的呢

    2013年10月16日 14:18 回复
  5. 你好 为什么我的微博掉不出来呢

    2013年10月16日 14:18 回复
  6. szaq2212

    文档里面只有图片,文章里介绍的代码一个没找到,花了半个小时也没搞好。。。

    2013年10月8日 23:37 回复
    • WEB主题公园

      当然有代码,用html写的 注释全写好了

      2013年10月16日 14:27 回复
  7. 请问一下收藏 代码是怎么加的啊,js是放在上面文件内,还有怎么加载jquery库

    2013年9月28日 12:36 回复
    • WEB主题公园

      如果自己不是很懂html代码 请不要自己添加 ,我们会出一个插件给大家直接使用的

      2013年9月28日 12:40 回复
  8. 我想请教下,顶部横幅我空出一些的,图不满,不像演示站图片是不空的,请问改哪个文件,需要什么代码不,谢谢,点我的站就能看到

    2013年9月21日 06:31 回复
    • WEB主题公园

      找到style.css 修稿 css类 .xf 将top值修改为 top: 304px; 上下调整就看你修改的这个值得大小了

      2013年9月21日 10:44 回复
      • WEB主题公园

        顶部的横幅 修改 ie.css 和ie_midea.css 找到这两个里面的类.ad 将top修改为 top: 53px;

        2013年9月21日 10:46 回复
        • 唔,原来是在你说的两个文件改,OK了,非常感谢

          2013年9月21日 11:50 回复
        • 还有个问题,这个主题跟虾米音乐插件不兼容吗?文章不能插入虾米音乐插件搜出来的歌曲,点击插入文章一直没反应,有劳

          2013年9月21日 11:51 回复
  9. 弄好了 ,这个小工具不错

    2013年9月21日 06:29 回复
  10. 直接下载代码搞不定,底部收藏代码的js部分有几个乱码。然后参考您的网站搞定了

    2013年7月15日 01:29 回复
  11. 苹果

    啊啊啊啊啊!!!微博展示模块,怎么是显示白色框框,上面没有东西啊!!!郁闷啊!菜鸟感到不好意思了!

    2013年7月11日 15:09 回复
    • 苹果

      我已经复制了代码了啊啊啊

      2013年7月11日 15:10 回复
    • WEB主题公园

      加群提问把

      2013年7月11日 15:10 回复
  12. 苹果

    你好,我已经弄好了,但是我复制CSS代码到style.css里面的时候,我浅白色百搭wordpress主题,背景色没有了,变成灰的了!

    2013年7月11日 14:01 回复
  13. 苹果

    最后问下,JS放在JS目录下的哪个JS文件里面?

    2013年7月11日 12:16 回复
  14. 苹果

    你好,请问 这段代码复制到head区域,是指首页PHP文件吗?

    2013年7月11日 11:22 回复
    • WEB主题公园

      是的,在网站都要包含的php文件都可以,推荐放在header里 body中的page-wrap前面 前提是你的最外面的div的css类是page-wrap 就OK了

      2013年7月11日 11:36 回复
      • 苹果

        谢谢,请问那什么JS是放到JS目录下,哪个JS文件里面??

        2013年7月11日 11:44 回复
  15. cs

    【style> 中的css全部复制到你的css文件夹中,并写好注释】是不是复制过去,新建一个CSS文件?名字为什么?

    2013年7月11日 10:39 回复
    • WEB主题公园

      只要是内链的css文件都行,如果没有保留也行的

      2013年7月11日 10:57 回复
      • cs

        好的,就是复制到自带的就行吧

        2013年7月11日 11:16 回复
  16. 愚小米

    用了这个客服小插件后logo有半截不显示了跑幻灯下面了,求解释www.hbido.com

    2013年6月26日 19:11 回复