Ajouter une deuxième image en background

Répondre
Avatar du membre
Unloved
Messages : 41
Enregistré le : 13 juin 2022, 18:17

Ajouter une deuxième image en background

Message par Unloved » 26 juin 2022, 08:04

Salut, tu vas bient cabot ?

Peut tu m'aider avec ça ?
Je voudrais mêtre, centré au milieu du header, ce logo...

https://nocturne.host/host/images/Nocturne.png

Pas de [img]... sa tue gros comme ça -_-
Donc au milieu, centré, et pas trop gros, je te laisse voir les dimension...

Merci ! :oops: 8-)

Avatar du membre
cabot
Administrateur du site
Messages : 182
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: Ajouter une deuxième image en background

Message par cabot » 26 juin 2022, 12:40

Hello,

Tout d'abord essaie de penser systématiquement à optimiser tes images avec TinyPNG (par exemple), le poids est l'ennemi du web, notamment mobile.

Place ton image dans le dossier /theme/images/ du style.
Ouvre colours.css, trouve :

Code : Tout sélectionner

.headerbar {
	background: url("./images/rain.gif") no-repeat;
	background-size: 100%;
	height: 120px;
	padding: 0;
}
Remplace par :

Code : Tout sélectionner

.headerbar {
	background: url("./images/nocturne.png") no-repeat center/contain,
				#000 url("./images/rain.gif") no-repeat top/100%;
	height: 120px;
	padding: 0;
}

Avatar du membre
Unloved
Messages : 41
Enregistré le : 13 juin 2022, 18:17

Re: Ajouter une deuxième image en background

Message par Unloved » 26 juin 2022, 15:06

Merci pour tout ton aide ! 8-)

Avatar du membre
Unloved
Messages : 41
Enregistré le : 13 juin 2022, 18:17

Re: Ajouter une deuxième image en background

Message par Unloved » 26 juin 2022, 15:11

Sur PC c'est nickel, mais sur mobile l'image ne s'affiche pas... :cry:

Avatar du membre
cabot
Administrateur du site
Messages : 182
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: Ajouter une deuxième image en background

Message par cabot » 26 juin 2022, 15:27

Si si, elle est affichée, vide le cache de ton navigateur.

Répondre