Bienvenue sur le forum de la Communauté EzCom !

En ces lieux, nous vous aidons à mettre en place et à personnaliser votre forum phpBB 3.1.x, 3.2.x, 3.3.x & 4.0.x grâce à :

Une fois inscrit.e, vous pouvez :

Dernières nouvelles :

Coup d’œil : « EzCom Blog » idéal pour trouver des conseils et des services pour son forum phpBB !

Soutenir le projet de la Communauté EzCom.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

Welcome on the Ezcom Community board! | English visitors, may I help you? Image | Make a donation to EzCom.

PERSONNALISER : Centrer une image dans l’entête du forum  Question traitée

Comment afficher une image centrée & illustrant le forum dans son entête | How to center an image in the phpBB header bar.

Assistance & documentations pour phpBB et son environnement.

Modérateurs : Graphistes, Traducteurs

Avatar de l’utilisateur
rammstein
EzComien
EzComien
Messages : 44
Enregistré le : dim. 17 déc. 2017 00:51
Contact :

PERSONNALISER : Centrer une image dans l’entête du forum

Messagepar rammstein » dim. 13 mai 2018 08:59

bonjour raphaêl

j'ai une question a te posez .
voilà je cherche depuis des nuit des temps comment centre la banniére j'ai changer la taille du logo a la place j'ai mis :

Trouver : peut correspondre à un résultat partiel dans une ligne de code ou à une ligne de code entière.

Code : Tout sélectionner

.site_logo {
   display: inline-block;
   width: 149px;
   height: 52px;
}


Remplacer par : remplacer les lignes de code précédemment trouvées par celles ci-dessous.

Code : Tout sélectionner

.site_logo {
   display: inline-block;
   width: 1840px;
   height: 150px;
}


et dans couleur j'ai juste changer sa :

Trouver : peut correspondre à un résultat partiel dans une ligne de code ou à une ligne de code entière.

Code : Tout sélectionner

.site_logo {
   background-image: url("./images/site_logo.gif");
}


Remplacer par : remplacer les lignes de code précédemment trouvées par celles ci-dessous.

Code : Tout sélectionner

.site_logo {
   background-image: url("./images/site_logo.png");
}


mais j'arrive pas a le même au centre

voici un capture du forum test
banniere.PNG


encore merci pour ton aide

Ajouté 1 minute 45 secondes après :
ps : j'ai oublier je suis en 3.2.2
Modifié en dernier par rammstein le dim. 13 mai 2018 11:12, modifié 1 fois.

Traduire en

Contenu publicitaire :

Avatar de l’utilisateur
Michel
EzComien
EzComien
Messages : 102
Enregistré le : mar. 20 mars 2018 11:15
Contact :

center la banniére

Messagepar Michel » dim. 13 mai 2018 09:18

Bonjour rammstein

Centrer le logo et la description du forum
bien sure tu remplace width: 300px; height: 120px; par la taille de ton image

Ouvrir le fichier styles/prosilver/theme/common.css

Trouver :

Code : Tout sélectionner

.logo {

        float: left;

   width: auto;

   padding: 10px 13px 0 10px;

}


Remplacer par :

Code : Tout sélectionner

.logo {
   width: auto;
   padding: 10px 13px 0 10px;
}


Trouver :

Code : Tout sélectionner

.site_logo {

   display: inline-block;

   width: 149px;

   height: 52px;

}


Remplacer par :

Code : Tout sélectionner

.site_logo {
   display: inline-block;
   width: 300px;
   height: 120px;
}


Trouver :

Code : Tout sélectionner

/* Site description and logo */
.site-description {
   float: left;
   width: 65%;
}


Remplacer par :

Code : Tout sélectionner

/* Site description and logo */
.site-description {
      width: 100%;
    text-align: center;
}

Traduire en

Avatar de l’utilisateur
rammstein
EzComien
EzComien
Messages : 44
Enregistré le : dim. 17 déc. 2017 00:51
Contact :

center la banniére

Messagepar rammstein » dim. 13 mai 2018 10:59

merci la banniére et centre
Mais il serait possible de changer la dimension la bande bleu autour ?

Capture.PNG


merci

Traduire en

Avatar de l’utilisateur
Michel
EzComien
EzComien
Messages : 102
Enregistré le : mar. 20 mars 2018 11:15
Contact :

center la banniére

Messagepar Michel » dim. 13 mai 2018 15:58

tout est possible mais sans lien vers ton forum ça me parait difficle

Traduire en

Avatar de l’utilisateur
rammstein
EzComien
EzComien
Messages : 44
Enregistré le : dim. 17 déc. 2017 00:51
Contact :

center la banniére

Messagepar rammstein » dim. 13 mai 2018 17:07


Traduire en

Avatar de l’utilisateur
Michel
EzComien
EzComien
Messages : 102
Enregistré le : mar. 20 mars 2018 11:15
Contact :

center la banniére

Messagepar Michel » dim. 13 mai 2018 18:01

dans un premier temps ta bannière est trop grande et elle cause une barre en bas du forum
remplace les dimensions par

Code : Tout sélectionner

.site_logo {
    display: inline-block;
    height: 150px;
    width: 1450px;


ensuite est ce que tu souhaite garder ce bleu ?

Traduire en

Avatar de l’utilisateur
rammstein
EzComien
EzComien
Messages : 44
Enregistré le : dim. 17 déc. 2017 00:51
Contact :

center la banniére

Messagepar rammstein » dim. 13 mai 2018 18:15

voilà j'ai change

non j'aimerais que le bleu sois parti mais que le moteur de recherche reste la sais possible ?

Traduire en

Avatar de l’utilisateur
Michel
EzComien
EzComien
Messages : 102
Enregistré le : mar. 20 mars 2018 11:15
Contact :

center la banniére

Messagepar Michel » lun. 14 mai 2018 09:26

dans colour.css trouve ce code

Code : Tout sélectionner

.headerbar, .forumbg {
    background-color: #000000;
    background-image: linear-gradient(to bottom, #6aceff 0%, #0076b1 2px, #12a3eb 92px, #12a3eb 100%);
    background-repeat: repeat-x;
}

et remplace par ceci

Code : Tout sélectionner

.headerbar, .forumbg {
   /* background-color: #000000;
    background-image: linear-gradient(to bottom, #6aceff 0%, #0076b1 2px, #12a3eb 92px, #12a3eb 100%);
    background-repeat: repeat-x;*/
}

Traduire en

Avatar de l’utilisateur
rammstein
EzComien
EzComien
Messages : 44
Enregistré le : dim. 17 déc. 2017 00:51
Contact :

center la banniére

Messagepar rammstein » lun. 14 mai 2018 19:07

merci Michel c'est génial
Comment je peux faire pour diminuer le blanc et rapproche la bannière plus basse

Maintemant
Capture.PNG



je voudrais comme sa si c'est possible
012.png


merci Michel

Traduire en

Avatar de l’utilisateur
rammstein
EzComien
EzComien
Messages : 44
Enregistré le : dim. 17 déc. 2017 00:51
Contact :

center la banniére  Question traitée

Messagepar rammstein » lun. 14 mai 2018 20:12

j'ai trouvé sa pour le moteur de recherche donc pour c'est ok ;)

viewtopic.php?f=11&t=313

pour la banniére j'ai trouvé
viewtopic.php?f=11&t=348

je te remercie beaucoup michel pour ton aide

Traduire en

Avatar de l’utilisateur
Raphaël
Chef de projets
Chef de projets
Messages : 3065
Enregistré le : ven. 24 oct. 2014 18:02
Localisation : Marseille
Contact :

PERSONNALISER : Centrer une image dans l’entête du forum

Messagepar Raphaël » mer. 16 mai 2018 16:01

Merci d’avoir apporté des solutions. ;)

Traduire en
Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

🔍 Recherches :
Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions

📖 Documentations :
✍ Traductions : Demander Proposer

Contenu publicitaire :


  • Sujets similaires
    Réponses
    Vues
    Dernier message
  • PERSONNALISER : une icône de l’extension Download System Fichier(s) joint(s)
    par hamidouki-dz » mar. 21 mai 2019 02:57 » dans Demander ou proposer des traductions d’extensions
    1
    23779
    par Raphaël Voir le dernier message
    mar. 21 mai 2019 15:06
  • PERSONNALISER : la légende des fichiers joints
    par Affix29 » lun. 29 juil. 2019 19:07 » dans Support pour phpBB
    3
    39490
    par Raphaël Voir le dernier message
    mer. 30 oct. 2019 02:22
  • PERSONNALISER : Ajouter des onglets dans le menu du forum
    par cgauthey » mar. 20 août 2019 17:52 » dans Support pour phpBB
    5
    39598
    par Raphaël Voir le dernier message
    mer. 30 oct. 2019 02:26
  • PERSONNALISER : Ajouter une colonne "Auteur" sur son forum
    par couzman » sam. 23 janv. 2021 05:45 » dans Support pour phpBB
    2
    10249
    par tomberaid Voir le dernier message
    dim. 24 janv. 2021 18:42
  • PERSONNALISER : les icônes des catégories des forums
    par Heyoko » sam. 23 janv. 2021 22:01 » dans Support pour phpBB
    7
    14923
    par Raphaël Voir le dernier message
    ven. 1 avr. 2022 04:43
  • PERSONNALISER : ses boites de MP Fichier(s) joint(s)
    par hamidouki-dz » sam. 6 mars 2021 12:28 » dans Support pour phpBB
    2
    23119
    par Raphaël Voir le dernier message
    jeu. 25 mars 2021 01:11

Retourner vers « Support pour phpBB »

Qui est en ligne

Utilisateurs parcourant ce forum : DotNetDotCom.org [Bot] et 4 invités