增加的分享按紐不顯示

TaC

試了二天了，在內(nèi)容頁(yè)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>


有人說(shuō)百度這個(gè)分享不起作用了，我原本在手機(jī)版里添加的，象新郎這些無(wú)效的直接刪除，保留QQ空間與微信二個(gè)。
好不容易找到了頁(yè)面放置的地方，可是怎么也不顯示。
但是，在打開(kāi)手機(jī)版瀏覽測(cè)試時(shí)，從手機(jī)版再打開(kāi)電腦端，手機(jī)里卻能正常顯示，就電腦端不行。

這又是個(gè)什么樣的新問(wèn)題，求指點(diǎn)一二。

1 貢獻(xiàn)

最佳答案

大部分瀏覽器出于安全考慮，https網(wǎng)站不能加載http資源

• Discuz有償服務(wù)
• 發(fā)表于2023-4-24 09:56:04
• 詳細(xì)答案 >

文強(qiáng)

代碼有點(diǎn)多，不妨參考一下我論壇的分享（位置和圖標(biāo)可以在css里自己調(diào)整）→ https://boonkiong.com/thread-3926-1-1.html

TaC

文強(qiáng) 發(fā)表于 2023-4-23 13:33
代碼有點(diǎn)多，不妨參考一下我論壇的分享（位置和圖標(biāo)可以在css里自己調(diào)整）→ https://boonkiong.com/thread ...

代碼多嗎？這是網(wǎng)上搜的，以前保留的也差不多這些。我試了大半天的X，才找到位置?？刹伙@示。
我看了你的比我還多，還要增加CSS。呵，開(kāi)玩笑。

隨便問(wèn)下，你網(wǎng)站上二段代碼是分開(kāi)的吧，一個(gè)內(nèi)置，一個(gè)是邊欄吧？
晚上我試下，謝謝哈！

隨便請(qǐng)教，你那個(gè)漸變效果，背景，蠻好，指點(diǎn)下？

文強(qiáng)

我用的背景是動(dòng)態(tài)壁紙來(lái)的，可以放在后臺(tái)\全局\SEO設(shè)置\其他\其他頭部信息，或是直接放到header模板里也可以。

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

復(fù)制代碼

然后你需要在 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. }

復(fù)制代碼

文強(qiáng)

那個(gè)漸變字體需要在 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.             }

復(fù)制代碼

然后看你需要讓那些字體漸變，例如模板字體里的h1,然后添加代碼給h1運(yùn)行。

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. }

復(fù)制代碼

ran 150s 是速度，自己調(diào)整。

TaC

文強(qiáng) 發(fā)表于 2023-4-23 13:33
代碼有點(diǎn)多，不妨參考一下我論壇的分享（位置和圖標(biāo)可以在css里自己調(diào)整）→ https://boonkiong.com/thread ...

先回復(fù)你這個(gè)分享代碼的測(cè)試結(jié)果。
我試了下，跟我的一樣，除了出現(xiàn)“分享到”這三個(gè)字以外，圖標(biāo)都不顯示。手機(jī)版里選擇電腦端可以正常顯示，但電腦上卻還是不顯示。
你給的代碼位置在默認(rèn)文件314行，我測(cè)試位置在312行，中間就差一行。
怎么就不顯示呢，有點(diǎn)頭痛，也糾結(jié)

TaC

文強(qiáng) 發(fā)表于 2023-4-23 20:53
那個(gè)漸變字體需要在 template\default\common\common.css 里添加代碼

這一塊我看得不是很明白，CSS里添加代碼我倒是清楚，可讓哪些字體漸變，模板字體h1這些看得有點(diǎn)迷糊。
在哪個(gè)文件里添加？
或者說(shuō)，不可能讓所有標(biāo)題都添加這種效果，不現(xiàn)實(shí)，也對(duì)瀏覽性不好。
只能添加在內(nèi)容頁(yè)標(biāo)題上，或公告一類標(biāo)題上，
目前網(wǎng)站上除了DIY首頁(yè)外，幾乎都是默認(rèn)的，模板也是在默認(rèn)的基礎(chǔ)上DIY的。
你這第二段代碼添加的位置？在什么文件里？

文強(qiáng)

TaC 發(fā)表于 2023-4-23 21:59
先回復(fù)你這個(gè)分享代碼的測(cè)試結(jié)果。
我試了下，跟我的一樣，除了出現(xiàn)“分享到”這三個(gè)字以外，圖標(biāo)都不顯 ...

你要加入css代碼它才會(huì)顯示，因?yàn)閏ss代碼里帶有圖標(biāo)，你的代碼里只有js都沒(méi)圖標(biāo)它怎么顯示？

文強(qiáng)

TaC 發(fā)表于 2023-4-23 22:12
這一塊我看得不是很明白，CSS里添加代碼我倒是清楚，可讓哪些字體漸變，模板字體h1這些看得有點(diǎn)迷糊。
在 ...

h1大多數(shù)都是那些標(biāo)題，而且h1只是個(gè)舉例，你可以在需要的字體添加

1. [b1]漸變字體[/b1]

復(fù)制代碼

然后在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. }

復(fù)制代碼

TaC

文強(qiáng) 發(fā)表于 2023-4-23 22:14
你要加入css代碼它才會(huì)顯示，因?yàn)閏ss代碼里帶有圖標(biāo)，你的代碼里只有js都沒(méi)圖標(biāo)它怎么顯示？ ...

我重新測(cè)試了下，怪事，現(xiàn)在圖標(biāo)是顯示出來(lái)了，可點(diǎn)擊后，跳轉(zhuǎn)的是域名#，不是圖標(biāo)所在的網(wǎng)站地址。也就是說(shuō)按第一段代碼跳轉(zhuǎn)到 href="#"。
可手機(jī)版電腦端可以正常跳轉(zhuǎn)。