[Résolu] Comment changer la banière du forum

[chrisnvidia]

Fred

Dit moi peut tu m'expliquer comment faire pour changer la banière du forum


Merci d'avance pour ton aide :wink:

[CAForum-bot]

Nous donnerons suite à ce sujet dans les plus brefs délais.


Merci de prendre note de ce formulaire de demande d'aide afin de détailler au mieux ce qui peut être utile pour cerner le problème.

Modèle de demande d'assistance

Quelle est la version de ton forum ?
Quelle est l'URL du forum concerné pour cette demande ?
Chez qui est hébergé le forum ?
Comment a été installé ce forum (avec le pack complet ou automatique) ?


Quelle est l'action la plus récente effectuée sur ce forum ?
Une inscription est-elle nécessaire pour reproduire ce problème ?
Est-ce que des extensions sont installées sur ce forum ?
Si oui, lesquelles ?


À partir de quelle version de phpBB3 la mise à jour a été faite ?
Quels styles sont installés sur le forum ?
Quelle est la langue par défaut du forum ?
Quel est la version de php du forum ?

Quelles mesures ont été prises (mise à jour du forum, installation d'une extension, d'un style, etc...) avant que ce problème ne devienne perceptible ?

[Fred]

Salut Chris
Sur le serveur tu te rends ici : ./forum/styles/sospc/theme/images et tu glisses l'image de la bannière dans le répertoire

Ensuite tu te rends ici, toujours sur le serveur, /forum/styles/sospc/theme et tu ouvres le fichier sospc.css

Tu cherches ceci :

Code: Tout sélectionner

.headerbar { 
    background-color: #12A3EB !important;
    background: url(./images/sospc.png) no-repeat center;  
    box-shadow: 1px 1px 8px #555; 
    height: 150px;
    margin-bottom: 15px;
}

Et tu remplaces sospc.png par le nom de ton image (change aussi l'extension .png si elle est différente)

Vide le cache pour actualiser ton style.

[chrisnvidia]

Merci Fred

C'est bon j'ai trouvé :wink:

Par contre tu fais comment pour ouvrir le fichier sospc.css

car quand je fais un double clic sa me dit " transfère réussi " et le clic droit me donne ceci

sos pc css.png

[Fred]

Clic sur Afficher/Éditer afin de pouvoir modifier les paramètres. À l'enregistrement du nouveau fichier bien prendre garde à l'enregistrer en .css

Oui un double clic permet de transférer des fichiers du serveur au PC, et inversement, sous FileZilla. Donc méfiance à ne pas inclure des fichiers non nécessaires sur le serveur.

[chrisnvidia]

Ok je prend note

Une fois ouvert ya t'il une case à cocher ou pas ?

En suite cliquer sur OK

modifier css.png

Si tu peux m'expliquer par étape pour éviter une bourde :ugeek:

[Fred]

Voici le lien d'un tuto pour associer l'éditeur de texte NOTEPAD à FileZilla :

https://blog.developpez.com/james-pouls ... fichiers_d

Une fois que cela sera configuré dans FileZilla, à chaque fois que tu cliqueras sur Afficher/Éditer les fichiers s'ouvriront sous NOTEPAD, et tu pourras y apporter les modifications voulues.

[chrisnvidia]

Hello Fred

J'ai suis les instructions à la lettre

j'ai mis cette image

sospc bonne fete.png

Et modifié le CSS

Code: Tout sélectionner

.headerbar { 
    background-color: #12A3EB !important;
    background: url(./images/sospc bonne fete.png) no-repeat center;  
    box-shadow: 1px 1px 8px #555; 
    height: 150px;
    margin-bottom: 15px;

Et je me retrouve sans image :mrgreen:

bannière sans image.png

et pour info j'ai vidé le cache

[Fred]

Salut
Si tu veux mettre des espaces au nom de l'image il faut :

• soit mettre un tiret -

• soit mettre un tiret bas _

Code: Tout sélectionner

url(./images/sospc bonne fete.png)

[chrisnvidia]

Merci mais rien n'y fait :mrgreen:

[Fred]

Dans le fichier CSS je vois toujours ceci :

Code: Tout sélectionner

.headerbar { 
    background-color: #12A3EB !important;
    background: url(./images/sospc.png) no-repeat center;  
    box-shadow: 1px 1px 8px #555; 
    height: 150px;
    margin-bottom: 15px;
}

[chrisnvidia]

Yep mon poto

C'est bon sa marche j'ai supprimé les espaces :wink:

Code: Tout sélectionner

.headerbar { 
    background-color: #12A3EB !important;
    background: url(./images/sospcbonnefete.png) no-repeat center;  
    box-shadow: 1px 1px 8px #555; 
    height: 150px;
    margin-bottom: 15px;