# CustomHeader ![License](https://img.shields.io/badge/license-MIT-blue.svg) [![Latest Stable Version](http://poser.pugx.org/justoverclock/custom-header/v)](https://packagist.org/packages/justoverclock/custom-header) [![Total Downloads](http://poser.pugx.org/justoverclock/custom-header/downloads)](https://packagist.org/packages/justoverclock/custom-header) [![Support Me](https://img.shields.io/badge/Donate-Support%20My%20Work-orange)](https://github.com/sponsors/justoverclockl) ### Header per utenti non registrati ![2](https://user-images.githubusercontent.com/79002016/125760574-ce84af40-bcd9-4808-a4fa-1d274de90e56.png) ### Header per utenti registrati ![1](https://user-images.githubusercontent.com/79002016/125760590-6b69cab8-619b-4d57-b1dc-ba4d51c9c2fd.png) Un estensione per Flarum che consente di inserire e personalizzare un header, le icone social e i pulsanti direttamente da pannello amministrazione. ### Immagine di sfondo Per personalizzare l’immagine di sfondo basta sostituire l’immagine `bg.jpg` Nella cartella `assets` ### Installazione ```sh composer require justoverclock/custom-header:"*" ``` ### Aggiornamento ```sh composer update justoverclock/custom-header:"*" php flarum cache:clear ``` ### Link - [Packagist](https://packagist.org/packages/justoverclock/custom-header) - [GitHub](https://github.com/justoverclockl/custom-header)

@"Marko"#p684 Questo è il bg che vorrei impostare nell'header https://www.nuovacaptur.it/assets/bg.jpg Che tipo di errori? A me non compare nulla PS: Ma non è quello il bg, dove salta fuori?

https://m.imgur.com/XavDbPm https://m.imgur.com/x4FXkYz Si potrebbe rendere meno trasparente il button login e registrati? Si fa fatica a vederlo così.

@"Marko"#p689 Mi sembrano uguali 🤣

Header personalizzato

Marko

CustomHeader

Header per utenti non registrati

Header per utenti registrati

Un estensione per Flarum che consente di inserire e personalizzare un header, le icone social e i pulsanti direttamente da pannello amministrazione.

Immagine di sfondo

Per personalizzare l’immagine di sfondo basta sostituire l’immagine bg.jpg Nella cartella assets

Installazione

composer require justoverclock/custom-header:"*"

Aggiornamento

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

Link

Gatsu

Ciao Marko, grazie per questa estensione.
Ho sempre personalizzato l'header manualmente, ma ora ho deciso di utilizzare la tua estensione.
Ho un problema con il background però, non riesco a personalizzarlo.
Ho caricato un bg.jpg in assets ma continuo a visualizzare lo sfondo blu.

Marko

Gatsu non sono sicuro che ci sia un impostazione per cambiare l'immagine...se carichi un immagine nella cartella assets comunque disabilita e riabilita l'estensione per effettuare la migrazione 😉

Gatsu

Marko Non c'è nessuna impostazione infatti, ma nel thread leggo che per personalizzare il background bisogna caricare un bg.jpg nella cartella assets. L'ho fatto ma continuo a visualizzare lo sfondo blu.

Marko

Gatsu linkami il forum e l'immagine così vedo

edit:
con css funziona:

.StreamsHero-content {
    background-image: url(https://lumiere-a.akamaihd.net/v1/images/sa_pixar_virtualbg_coco_16x9_9ccd7110.jpeg);
}

p.s. sul tuo sito non riesco a navigare nel forum, tanti errori in console

Gatsu

Marko Questo è il bg che vorrei impostare nell'header

Che tipo di errori? A me non compare nulla
PS: Ma non è quello il bg, dove salta fuori?

Marko

Gatsu ne ho messo uno a caso ehehehe

Usa il codice che ti ho dato e sostituisci l’url con il tuo sfondo

Ps la console è piena di errori e ogni tanto non riesco a cliccare sui forum, refreshando varie volte poi funziona

Gatsu

Marko Capita raramente adesso, sarà il tema OXO che sto utilizzando, assieme agli ads.
Comunque grazie Marko.

Gatsu

Si potrebbe rendere meno trasparente il button login e registrati? Si fa fatica a vederlo così.

Marko

Gatsu dò un occhiata ma sicuramente si, magari potresti rendere lo sfondo un po più opaco anche

così può andare?

.StreamsHero-buttonContainer .Button {
    background: #ff5b03;
}

Gatsu

Marko Mi sembrano uguali 🤣

Marko

Gatsu forse devi aggiungere!important

a me funziona

Gatsu

Marko Ma intendevo per il button login

Marko

Gatsu stessa cosa si tratta solo di css… vuoi il codice?

a.Button.StreamsLogin.js-login {
    background: #e8ecf3;
}

Gatsu

Marko Si, so usare la console ma considera che sono perennemente su smartphone, lavoro fuori e non ho il PC (nemmeno mi serve). Su chrome android mobile non posso ispezionare il codice html o utilizzare la console.
Grazie mille Marko