增加的分享按纽不显示

TaC

试了二天了，在内容页default/forum/viewthread_node.html 里添加百度分享按纽，这代码放在哪里都不显示。



<i class="bdsharebuttonbox">
            <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
            <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
        </i>
            <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>


有人说百度这个分享不起作用了，我原本在手机版里添加的，象新郎这些无效的直接删除，保留QQ空间与微信二个。
好不容易找到了页面放置的地方，可是怎么也不显示。
但是，在打开手机版浏览测试时，从手机版再打开电脑端，手机里却能正常显示，就电脑端不行。

这又是个什么样的新问题，求指点一二。

1 贡献

最佳答案

大部分浏览器出于安全考虑，https网站不能加载http资源

• Discuz有偿服务
• 发表于2023-4-24 09:56:04
• 详细答案 >

文強

代码有点多，不妨参考一下我论坛的分享（位置和图标可以在css里自己调整）→ https://boonkiong.com/thread-3926-1-1.html

TaC

文強 发表于 2023-4-23 13:33
代码有点多，不妨参考一下我论坛的分享（位置和图标可以在css里自己调整）→ https://boonkiong.com/thread ...

代码多吗？这是网上搜的，以前保留的也差不多这些。我试了大半天的X，才找到位置。可不显示。
我看了你的比我还多，还要增加CSS。呵，开玩笑。

随便问下，你网站上二段代码是分开的吧，一个内置，一个是边栏吧？
晚上我试下，谢谢哈！

随便请教，你那个渐变效果，背景，蛮好，指点下？

文強

我用的背景是动态壁纸来的，可以放在后台\全局\SEO设置\其他\其他头部信息，或是直接放到header模板里也可以。

1. <video src="https://boonkiong.com/video/A_long_Way.mp4"class="bjimg" autoplay="true" loop="true" muted="true"></video>

复制代码

然后你需要在 template\default\common\common.css 里添加代码。

1. .bjimg {
   
2. position: fixed;   
   
3. top: 0;
   
4. left: 0;
   
5. width: 100%;
   
6. height:100%;
   
7. overflow: hidden;
   
8. z-index: -10;
   
9. object-fit: cover;
   
10. }

复制代码

文強

那个渐变字体需要在 template\default\common\common.css 里添加代码

1. 
   
2.             #postmessage_37985{
   
3. font-size: 22px;
   
4.                 color: #8c888b;
   
5. background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
   
6.                 -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
   
7.                 -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
   
8.                 color: transparent;
   
9.                 -webkit-background-clip: text;
   
10.                 animation: ran 50s linear infinite;
    
11.             }
    
12.             @keyframes ran {
    
13.                 from {
    
14.                     backgroud-position: 0 0;
    
15.                 }
    
16.                 to {
    
17.                     background-position: 9000px 0;
    
18.                 }
    
19.             }

复制代码

然后看你需要让那些字体渐变，例如模板字体里的h1,然后添加代码给h1运行。

1. h1 {
   
2.     color: #8c888b;
   
3.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
   
4.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
   
5.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
   
6.     color: transparent;
   
7.     -webkit-background-clip: text;
   
8.     animation: ran 150s linear infinite;
   
9. }

复制代码

ran 150s 是速度，自己调整。

TaC

文強 发表于 2023-4-23 13:33
代码有点多，不妨参考一下我论坛的分享（位置和图标可以在css里自己调整）→ https://boonkiong.com/thread ...

先回复你这个分享代码的测试结果。
我试了下，跟我的一样，除了出现“分享到”这三个字以外，图标都不显示。手机版里选择电脑端可以正常显示，但电脑上却还是不显示。
你给的代码位置在默认文件314行，我测试位置在312行，中间就差一行。
怎么就不显示呢，有点头痛，也纠结

TaC

文強 发表于 2023-4-23 20:53
那个渐变字体需要在 template\default\common\common.css 里添加代码

这一块我看得不是很明白，CSS里添加代码我倒是清楚，可让哪些字体渐变，模板字体h1这些看得有点迷糊。
在哪个文件里添加？
或者说，不可能让所有标题都添加这种效果，不现实，也对浏览性不好。
只能添加在内容页标题上，或公告一类标题上，
目前网站上除了DIY首页外，几乎都是默认的，模板也是在默认的基础上DIY的。
你这第二段代码添加的位置？在什么文件里？

文強

TaC 发表于 2023-4-23 21:59
先回复你这个分享代码的测试结果。
我试了下，跟我的一样，除了出现“分享到”这三个字以外，图标都不显 ...

你要加入css代码它才会显示，因为css代码里带有图标，你的代码里只有js都没图标它怎么显示？

文強

TaC 发表于 2023-4-23 22:12
这一块我看得不是很明白，CSS里添加代码我倒是清楚，可让哪些字体渐变，模板字体h1这些看得有点迷糊。
在 ...

h1大多数都是那些标题，而且h1只是个举例，你可以在需要的字体添加

1. [b1]渐变字体[/b1]

复制代码

然后在css里添加

1. b1 {
   
2.     color: #8c888b;
   
3.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
   
4.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
   
5.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
   
6.     color: transparent;
   
7.     -webkit-background-clip: text;
   
8.     animation: ran 150s linear infinite;
   
9. }

复制代码

TaC

文強 发表于 2023-4-23 22:14
你要加入css代码它才会显示，因为css代码里带有图标，你的代码里只有js都没图标它怎么显示？ ...

我重新测试了下，怪事，现在图标是显示出来了，可点击后，跳转的是域名#，不是图标所在的网站地址。也就是说按第一段代码跳转到 href="#"。
可手机版电脑端可以正常跳转。