Custom Header

Justoverclock

CustomHeader

Header for guest

Header for User

A Flarum extension. Add a Custom Header to Flarum, u can customize social icon, buttons text and link, Title and slogan directly into the extension settings.

Background

To customize your header background simply change the bg.jpg image into the assets folder

Installation

Install with composer:

composer require justoverclock/custom-header:"*"

Updating

composer update justoverclock/custom-header:"*"
php flarum cache:clear

Hari

Justoverclock awesome 😍

how can i add an extra youtube channel link, in my case we have 3 channels.

if possible in the next update could you consider adding custom links something like youtube does if you goto your youtube profile page it will allow you to set custom links for your channel

xasharma

Justoverclock

Bro its great 🙌

Justoverclock

Hari yes I think I will ad a custom icon in the next release

Hari

Justoverclock allow defining banner colour too its not matching to my forum colour

Justoverclock

Hari you can do this with custom css, is that right?

0.1.1

Some style with dark mode

ParlorPink

Love it so much! It will be more fun to support video background 😁 .

Justoverclock

ParlorPink I’m working on this also https://github.com/justoverclockl/header-slideshow

Justoverclock

i wonder to implement a different background image for guest 🤔

luceos

Justoverclock

if (user) {
    const bg = app.forum.attribute('baseUrl') + '/assets/extensions/justoverclock-custom-header/bg-member.jpg';
} else {
    const bg = app.forum.attribute('baseUrl') + '/assets/extensions/justoverclock-custom-header/bg-guest.jpg';
}

https://github.com/justoverclockl/custom-header/blob/033ae1af9e04df0fca2d8474501b18535aebe0d3/js/src/forum/index.js#L21

Justoverclock

luceos yes exactly what i have in mind 🙂

Ralkage

I would love to see an option to customize the background image using a link instead of having to interact with the assets folder 🙂

Justoverclock

Ralkage me too but I do not know how to serialize css property 😅

The only way I know is…put a variable into the bg name 🤔

Kylo

Justoverclock you could do something like

https://github.com/the-turk/flarum-mathren/blob/v1.0.0/src/Providers/AssetProvider.php

Justoverclock

Kylo interesting, this basically add

@config-copy-tex: {$copyTeX};"

to css? where {$copyTeX} is the value from the backend?

Kylo

Justoverclock yeah that's right

Justoverclock

Kylo this can be really useful for me! many thanks 🙂

katos

Is there a way to get this to show on the tags page @Justoverclock ? At the minute this only seems to show on the "all discussions" page 🙂

Justoverclock

katos maybe I need to extend page instead of index page

katos

Justoverclock Ahh! Possibly 🤔