增加的分享按紐不顯示

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="#"。
可手機版電腦端可以正常跳轉。