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

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.


Contenu publicitaire :

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

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;
}


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

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


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

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


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

center la banniére

Messagepar rammstein » dim. 13 mai 2018 17:07



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

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 ?


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

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 ?


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

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;*/
}


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

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


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

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


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

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. ;)

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 : Ajouter une colonne "Auteur" sur son forum
    par couzman » sam. 23 janv. 2021 05:45 » dans Support pour phpBB
    2
    14388
    par tomberaid
    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
    21487
    par Raphaël
    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
    29923
    par Raphaël
    jeu. 25 mars 2021 01:11
  • PERSONNALISER : l'adresse e-mail de contact de l'adresse e-mail d'enregistrement
    par couzman » mer. 24 mars 2021 20:47 » dans Support pour phpBB
    7
    40003
    par MarieSof
    lun. 29 mai 2023 16:15
  • Image de nouveau Mp absente
    par fastgil.com » lun. 17 janv. 2022 16:40 » dans Support pour phpBB
    0
    23794
    par fastgil.com
    lun. 17 janv. 2022 16:40

Retourner vers « Support pour phpBB »

Qui est en ligne

Utilisateurs parcourant ce forum : CommonCrawl [Bot] et 1 invité