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 : 41
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 : 97
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 : 41
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 : 97
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 : 41
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 : 97
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 : 41
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 : 97
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 : 41
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 : 41
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 : 2974
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
  • EXTENSION : Right Random Image - Images aléatoires à droite de l’entête Fichier(s) joint(s)
    par Raphaël » dim. 3 sept. 2017 06:35 » dans Extensions présentées & traduites
    1
    11833
    par Raphaël
    ven. 30 mars 2018 10:57
  • AFFICHER : une image dans l’entête du forum vers les réseaux sociaux Fichier(s) joint(s)
    par hamidouki-dz » sam. 16 juin 2018 01:46 » dans Support pour phpBB
    9
    23781
    par Raphaël
    jeu. 21 juin 2018 05:46
  • 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
    8931
    par Raphaël
    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
    18716
    par Raphaël
    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
    19117
    par Raphaël
    mer. 30 oct. 2019 02:26
  • EXTENSION : Header Links - Liens de l’entête Fichier(s) joint(s)
    par Raphaël » lun. 5 juin 2017 01:00 » dans Extensions présentées & traduites
    5
    21276
    par Raphaël
    mer. 1 avr. 2020 12:31

Retourner vers « Support pour phpBB »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invité