Page 1 sur 1

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

Posté : dim. 13 mai 2018 08:59
par rammstein
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

center la banniére

Posté : dim. 13 mai 2018 09:18
par Michel
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;
}

center la banniére

Posté : dim. 13 mai 2018 10:59
par rammstein
merci la banniére et centre
Mais il serait possible de changer la dimension la bande bleu autour ?

Capture.PNG


merci

center la banniére

Posté : dim. 13 mai 2018 15:58
par Michel
tout est possible mais sans lien vers ton forum ça me parait difficle

center la banniére

Posté : dim. 13 mai 2018 17:07
par rammstein

center la banniére

Posté : dim. 13 mai 2018 18:01
par Michel
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 ?

center la banniére

Posté : dim. 13 mai 2018 18:15
par rammstein
voilà j'ai change

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

center la banniére

Posté : lun. 14 mai 2018 09:26
par Michel
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;*/
}

center la banniére

Posté : lun. 14 mai 2018 19:07
par rammstein
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

center la banniére  Question traitée

Posté : lun. 14 mai 2018 20:12
par rammstein
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

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

Posté : mer. 16 mai 2018 16:01
par Raphaël
Merci d’avoir apporté des solutions. ;)