[Réglé] centrer le logo

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] centrer le logo

Messagepar prototype » 09 Oct 2017 à 15:36

salutation !

style propre issu de prosilver

j'ai supprimer la recherche directement dans overall header.html

mon code actuel :

Code: Tout sélectionner
<div id="wrap" class="wrap">
	<a id="top" class="top-anchor" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar" role="banner">
		<!-- EVENT overall_header_headerbar_before -->
			<div class="inner">

			<div id="site-description" class="site-description">
				<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span></a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			</div>
			<!-- EVENT overall_header_headerbar_after -->
		</div>
		<!-- EVENT overall_header_navbar_before -->
		<!-- INCLUDE navbar_header.html -->
	</div>


j'ai ensuite dans le css :

code :

Code: Tout sélectionner
/*changer le logo du site*/
.site_logo {
	background-image: url("./images/bannierehaut.png");
	background-repeat: no-repeat;
	width: 700px;
	height: 250px;
}

/*changer l'endroit du logo*/
.logo {
    float: none;
    width: auto;
    padding: 0;
}

/*changer l'endroit de la description et du titre du forum*/
.site-description {
    text-align: center;
}


comme on le voit sur l'image ci dessous, le logo (et le titre, description fofo ) n'est pas centrer.
j'hésite concernant le code et quoi mettre pour que cela soit bien centrer.
Et surtout, j'ai un doute sur le fait de supprimer uniquement la partie "rechercher" dans le overall header.

donc si on pouvait m'éclairer pour que le haut soit bien au centre car je sèche sur la méthode a faire après avoir lu pas mal de chose la dessus ici.

Je vous remercie d'avance.

image du haut :

Image
Modifié en dernier par prototype le 09 Oct 2017 à 18:12, modifié 1 fois.
Sa sainteté le seul et l'unique Proto vous salut
Elwen, jeu rp basé sur phpbb
prototype
Posteur néophyte
Posteur néophyte
 
Messages: 92
Enregistré le: 08 Mai 2014 à 23:09

Re: centrer le logo

Messagepar tomberaid » 09 Oct 2017 à 18:01

Hello
Il faut que .site-description ait un width: 100%
Cordialement
Image
Avatar de l’utilisateur
tomberaid
Roi des posts
Roi des posts
 
Messages: 741
Enregistré le: 18 Juin 2009 à 00:27

Re: centrer le logo

Messagepar prototype » 09 Oct 2017 à 18:10

salutation et merci, je venais justement préciser la modification et la solution ^^

voici la solution comme décrit juste au dessus.

Code: Tout sélectionner
/*changer l'endroit de la description et du titre du forum*/
.site-description {
    text-align: center;
	float: none;
    width: 100%;
}
Sa sainteté le seul et l'unique Proto vous salut
Elwen, jeu rp basé sur phpbb
prototype
Posteur néophyte
Posteur néophyte
 
Messages: 92
Enregistré le: 08 Mai 2014 à 23:09


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

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