Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 建站心得之--Discuz! X2.5首页添加精美底部悬浮百度分享代码的方法

[复制链接]
www.fyv5.com 发表于 2012-10-28 07:24:40 | 显示全部楼层 |阅读模式
很多人想在 Discuz 首页添加分享代码 但是有的地方添加不美观,今天研究了一个底部悬浮的分享代码。
我也是PHP小白菜,只是修改了别人网站的代码,感觉还算美观所以拿出来分享下,高手不要嘲笑。
分享代码效果图:


效果网站:www.fyv5.com
添加方法:

1.每页都显示的方法:打开你使用的风格模板的footer.htm 文件在代码最后的</body></html> 前面添加下面的代码,footer.htm 文件默认风格是在根目录/template/default/common/footer.htm

2. 只在首页显示的方法:打开你使用的风格模板的discuz.htm文件,在代码<!--{subtemplate common/footer}-->前面添加下面的代码,discuz.htm文件默认风格是在根目录/template/default/forum/
精美悬浮分享代码:
  1. <font color="green"><!--foot--></font>




  2. <div style="z-index:1000; position:fixed;_position:absolute;bottom:0;left:0; width:100%; _position:absolute;overflow:visible;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);background-color:#FFFAD1;padding:2px 0px 2px 0px;border-top:dotted 1px #ff0000">




  3. <font color="green"><!-- Baidu Button BEGIN --></font>

  4. <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">

  5. <a class="bds_tsina"></a>

  6. <a class="bds_qzone"></a>

  7. <a class="bds_tqq"></a>

  8. <a class="bds_renren"></a>

  9. <a class="bds_meilishuo"></a>

  10. <a class="bds_t163"></a>

  11. <a class="bds_mogujie"></a>

  12. <a class="bds_huaban"></a>

  13. <a class="bds_duitang"></a>

  14. <a class="bds_tqf"></a>

  15. <a class="bds_kaixin001"></a>

  16. <a class="bds_baidu"></a>

  17. <a class="bds_hi"></a>

  18. <a class="bds_bdhome"></a>

  19. <a class="bds_douban"></a>

  20. <a class="bds_tsohu"></a>

  21. <a class="bds_thx"></a>

  22. <a class="bds_sohu"></a>

  23. <a class="bds_leho"></a>

  24. <a class="bds_taobao"></a>

  25. <a class="bds_hx"></a>

  26. <a class="bds_ff"></a>

  27. <a class="bds_youdao"></a>

  28. <a class="bds_diandian"></a>

  29. <a class="bds_tieba"></a>

  30. <a class="bds_tfh"></a>

  31. <a class="bds_wealink"></a>

  32. <a class="bds_ifeng"></a>

  33. <a class="bds_tuita"></a>

  34. <a class="bds_ty"></a>

  35. <a class="bds_share189"></a>

  36. <a class="bds_qy"></a>

  37. <a class="bds_mail"></a>

  38. <a class="bds_fbook"></a>

  39. <a class="bds_msn"></a>

  40. <a class="bds_fx"></a>

  41. <a class="bds_mshare"></a>

  42. <a class="bds_xg"></a>

  43. <a class="bds_twi"></a>

  44. <a class="bds_ms"></a>

  45. <a class="bds_qq"></a>

  46. <a class="bds_deli"></a>

  47. <a class="bds_s139"></a>

  48. <a class="bds_linkedin"></a>

  49. <a class="bds_s51"></a>

  50. <a class="bds_print"></a>

  51. <a class="bds_copy"></a>

  52. <span class="bds_more">更多</span>

  53. <a class="shareCount"></a>

  54. </div>

  55. <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1&uid=565011" ></script>

  56. <script type="text/javascript" id="bdshell_js"></script>

  57. <script type="text/javascript">

  58. document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)

  59. </script>

  60. <font color="green"><!-- Baidu Button END --></font>


  61. </div><div class="clear"></div>
复制代码
原版的代码是带调用广播的可是我不知道怎么调用Discuz 广播 希望有懂的完善一下(*^__^*) 然后回帖告诉我一下我也蹭一下代码 哈哈 也可以调用最新贴什么的。

原版悬浮代码演示图:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
duduopen 发表于 2012-10-28 14:25:28 | 显示全部楼层
很给力哈不错!
E世博 http://www.icoll.net
回复

使用道具 举报

 楼主| www.fyv5.com 发表于 2012-10-28 20:30:41 | 显示全部楼层
呵呵 !谢谢评价!
回复

使用道具 举报

hackshow 发表于 2012-10-28 23:13:09 | 显示全部楼层
  挺不错的啊    支持一个~
回复

使用道具 举报

hi.friend 发表于 2012-10-29 01:48:09 | 显示全部楼层
不错!... 支持一下
回复

使用道具 举报

 楼主| www.fyv5.com 发表于 2012-10-29 10:10:48 | 显示全部楼层
谢谢评价!{:soso__10793392338438938932_1:}
回复

使用道具 举报

wuyishan 发表于 2012-10-29 19:54:27 | 显示全部楼层
不错
我收了
希望可以有广播的高手出现
回复

使用道具 举报

 楼主| www.fyv5.com 发表于 2012-10-29 21:33:07 | 显示全部楼层
一起等~
回复

使用道具 举报

数据中心59136 发表于 2012-11-11 05:12:57 | 显示全部楼层
那就好了,省的改了
回复

使用道具 举报

不小心掉沟里 发表于 2013-4-15 11:51:32 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 19:01 , Processed in 0.039716 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表