請(qǐng)問(wèn) 在插件中 如果想要使用 擴(kuò)展 css 該如何應(yīng)用

paullee0121

請(qǐng)問(wèn)各位大大 ~~


這裡有設(shè)計(jì)一個(gè)插件, 需要使用到額外的 CSS, 所以我有在其插件目錄下, 例如: source/plugin/插件名稱/template 新增了一個(gè) extend_common.css 檔案, 發(fā)現(xiàn)這預(yù)設(shè)是可以用的.

但.... 我想搭配論壇右上角那個(gè)調(diào)色盤 來(lái)切換調(diào)色風(fēng)格, 也就是 T1 ~ T5, 故我在 source/plugin/插件名稱/template 目錄下建了一個(gè)目錄為 style, 然後下方再建立 t1 ~ t5 的 5個(gè)目錄, 分別在其下放了 style.css 檔案, 其中每個(gè) style.css 檔案都定義不同的顏色, 但奇怪的事情是我在論壇右上角那個(gè)調(diào)色盤改變不同顏色時(shí), 插件額外定義的顏色卻沒(méi)有發(fā)生改變, 請(qǐng)問(wèn)該如何才能夠達(dá)到改變呢 ??

麻煩各位大神能夠幫忙回復(fù), 謝謝 ~

我知道答案 回答被采納將會(huì)獲得1 貢獻(xiàn) 已有4人回答

paullee0121

請(qǐng)問(wèn)官方有人可以幫忙解惑嗎 ?

謝謝 ~

視覺(jué)設(shè)計(jì)

模板配色的css繼承規(guī)則我也不太清楚，需要其它大佬來(lái)解惑。

但是dz的配色切換的實(shí)現(xiàn)方式，好像只是通過(guò)js將對(duì)應(yīng)配色的css文件載入頁(yè)面，然后用cookie保存切換的值。

如果你想實(shí)現(xiàn)切換模板配色的同時(shí)更改插件的樣式，那你可以用個(gè)簡(jiǎn)單粗暴的方法：

以默認(rèn)模板為例，他有t1-t5一共5款配色。 你可以針對(duì)這5款配色寫(xiě)5個(gè)單獨(dú)的插件css文件放在插件里面。然后在插件頁(yè)面先通過(guò)判斷cookie查看當(dāng)前用戶是使用哪種模板配色方案，先直接載入此模板配色方案對(duì)應(yīng)的插件css文件。 然后在用js監(jiān)聽(tīng)模板配色切換按鈕，如果用戶點(diǎn)擊模板的配色切換按鈕，就去獲取頁(yè)面輸出此模板配色方案的css文件，通過(guò)這個(gè)文件去判斷是使用哪個(gè)模板配色方案，在輸出你自己寫(xiě)的插件css文件就可以了~

視覺(jué)設(shè)計(jì)

視覺(jué)設(shè)計(jì) 發(fā)表于 2023-12-28 15:07
模板配色的css繼承規(guī)則我也不太清楚，需要其它大佬來(lái)解惑。

但是dz的配色切換的實(shí)現(xiàn)方式，好像只是通過(guò)js ...

說(shuō)錯(cuò)了。 如果用js監(jiān)聽(tīng)模板配色切換按鈕，如果用戶點(diǎn)擊模板的配色切換按鈕，可以直接去獲取cookie。 都不用去獲取文件。

paullee0121

請(qǐng)問(wèn)還有其他大大有想法嗎 ? 或者說(shuō)是有範(fàn)例程式可以給小弟參考嗎 ?

謝謝