litalino/flarum-top-bar

允许创建可定制的顶部栏。

维护者

详细信息

github.com/Litalino/flarum-top-bar

主页

源代码

问题

论坛

安装: 795

依赖: 0

建议者: 0

安全: 0

星标: 2

关注者: 1

分支: 0

开放问题: 0

语言:Less

类型:Flarum 扩展

1.5.1 2024-01-10 18:42 UTC

Requires

Requires (Dev)

MIT 945e1be797f4acd6ce0d028e864c2561646d8b22

  • Litalino <info.woop@khatvongsong.vn>

flarumflarum-extensiontop bar

This package is auto-updated.

Last update: 2024-09-10 20:09:52 UTC

README

License Latest Stable Version Total Downloads

一个 Flarum 扩展。允许创建可定制的顶部栏。

alt home TopBar-drop

滚动 alt Scrolled

管理员 alt Admin

移动端

安装

使用 Composer 安装

composer require litalino/flarum-top-bar:"*"

更新

composer update litalino/flarum-top-bar:"*"
php flarum migrate
php flarum cache:clear

添加代码 🇦

<ul>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Private Customers">Private Customers</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Business Customers">Business Customers</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Help">Help</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Cookie">Cookie</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="My Sunrise">My Sunrise</a></li>
</ul>

or

<ul>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Private Customers">Private Customers</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Business Customers">Business Customers</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Help">Help</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="Cookie">Cookie</a></li>
                <li class="TopBar-item"><a href="#" external="" target="_blank" title="My Sunrise">My Sunrise</a></li>
                <li class="TopBar-item Sub-menu-On">
                    <span class="ButtonGroup Dropdown dropdown Dropdown--split LinkDropdown itemCount4">
                        <a class="LinksButton SplitDropdown-button Button  Button--link" href="#">
                            <span class="LinksButton-title">About</span>
                        </a>
                        <button class="Dropdown-toggle Button Button--icon  Button--link" data-toggle="dropdown" aria-expanded="false">
                            <i aria-hidden="true" class="icon fas fa-caret-down Button-caret"></i>
                        </button>
                        <ul class="Dropdown-menu dropdown-menu Dropdown-menu--right">
                            <li class="item-link2">
                                <a class="LinksButton SplitDropdown-button Button  Button--link" href="#">
                                    <span class="LinksButton-title">About</span>
                                </a>
                            </li>
                            <li class="item-link2-3">
                                <a class="LinksButton Button Button--link LinksButton--inDropdown" href="#">
                                    <i aria-hidden="true" class="icon fa fa-question Button-icon LinksButton-icon"></i>
                                    <span class="LinksButton-title">Faq</span>
                                </a>
                            </li>
                            <li class="item-link2-1">
                                <a class="LinksButton Button Button--link LinksButton--inDropdown" external="" href="#">
                                    <i aria-hidden="true" class="icon fas fa-quote-left Button-icon LinksButton-icon"></i>
                                    <span class="LinksButton-title">Quy tắc</span>
                                </a>
                            </li>
                            <li class="item-link2-4">
                                <a class="LinksButton Button Button--link LinksButton--inDropdown" href="#">
                                    <i aria-hidden="true" class="icon fas fa-book Button-icon LinksButton-icon"></i>
                                    <span class="LinksButton-title">Chính sách</span>
                                </a>
                            </li>
                        </ul>
                    </span>
                </li>
</ul>

如果您想将顶部栏标签放在左侧：请将底部 CSS 添加到自定义样式：管理员 -> 外观 -> 自定义样式

.TopBar ul {
     justify-content: flex-start !important;
}

链接