最新消息

新主题

热门

新主题

 新回复 新帖子 论坛列表 问题

欢迎客人!

• 开始前请阅读社区规则确保您顺利的熟悉本社区。注册用户可以提交资源，如果您有已发布资源的新版本，您可以随时更新版本！

• 文件链接损坏请在文件下方留言，我们将会及时更新来自备份服务器的新链接。如有其它问题请 提交工单 和我们联系！

• 我们拥有多账户检测系统，对于重复注册我们将采取严厉措施！

• 提示：如果您的账户超过180天处于非活动状态，系统将自动删除您的账户！

• 我们尊重我们的用户，也希望您能进行愉快的交谈.

注册 登录

Add-ons/Plugins [SVG] Date Time

P
Pokschubin 提交新资源：

[SVG] Date Time - 您的論壇的日期和時間區塊。

您的論壇的日期和時間區塊。
顯示：
目前日期
目前時間
一天中的時間圖標
區塊位置（選擇）：
在論壇標題中
在側邊欄的頂部
在側邊欄的底部
塊樣式設定：
側邊欄塊的背景隨一天中的時間而變化：
四個預設組；
能夠設定自己的背景圖片；
能夠設定一天中時間圖示的顏色
基於moment.js製作。有基本設定（更改位置）和樣式設定。使用 Roboto Condensed 字體，因為它具有相同的數字寬度，且時鐘不會抽動🙂與 Google Fonts 連接。
点击展开...

阅读关于此资源更多信息...
点击展开...

Tutorial/教程 修改 Solfège 主题下的积分图标

oksgo
原图标：
1728555496637.webp

修改后的图标:
1728555432802.webp

登录后台：

搜索模板：extra.less

添加以下代码：
代码: 
.p-navgroup-link {
    &.p-navgroup-link--mjc-credits i:after {
        display: block; /* 使用块级元素 */
        content: ""; /* 不需要 Unicode 了 */
        width: 1.28571429em; /* 图标宽度 */
        height: 1em; /* 图标高度 */
        mask: url('/styles/fa/duotone/credit-card.svg?v=5.15.3') no-repeat center; /* 使用 cc-amazon-pay 图标的 SVG 路径 */
        -webkit-mask: url('/styles/fa/duotone/credit-card.svg?v=5.15.3') no-repeat center; /* 兼容性处理 */
        background-color: currentColor; /* 图标颜色将根据文本颜色变化 */
        margin-bottom: 5px; /* 图标和文本之间的间距 */
    }
}

保存退出，刷新前台页面，完美！
1728555840364.webp
1728556035037.webp
1728556005331.webp


上图所示与主题其它图标匹配，如本站积分图标，鼠标滑动将会跟随本主题色调显示颜色！
点击展开...
加载更多

过滤器

热门资源

后退
顶部