Centrer le logo et la description du forum Facile

Partager sur FacebookPartager sur TwitterPartager sur Google+

Centrer le logo et la description du forum

valide 3.1 et 3.2


Deux cas seront envisagés, soit que vous modifiiez directement votre prosilver (dans ce cas, attention aux mises à jour, soit que vous utilisiez un style en héritage (conseillé)

Je veux centrer le logo de prosilver
Je veux centrer le logo d'un style en héritage


- Centrer le logo et la description du forum DANS prosilver

Ce petit tuto vous permettra de centrer votre logo et la description de votre forum à base de prosilver.

Modification : moins d'une minute

- Centrer le logo du forum

Afin de centrer votre logo (originellement placé à gauche du header), il vous faut ouvrir le fichier common.css (dans le dossier theme de votre style).

Trouvez et commentez ou supprimez le code suivant :
Code: Tout sélectionner
.logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}


- Centrer la description du forum
Si vous avez centré votre logo, il serait bien utile d'accorder le centrage avec la description, pour cela, toujours dans le fichier common.css :

Trouvez :
Code: Tout sélectionner
/* Site description and logo */
.site-description {
	float: left;
	width: 65%;
}


et remplacez par :
Code: Tout sélectionner
/* Site description and logo */
.site-description {
	text-align: center;
}


Voili, voilou, votre logo et texte de description sont maintenant centrés :wink:

Pour corriger la hauteur maintenant excessive du header, vous pouvez changer la marge supérieure de la search-box à votre convenance, le code se trouve dans le forms.css :

Code: Tout sélectionner
.search-header {
    border-radius: 4px;
    display: block;
    float: right;
    margin-right: 5px;
    margin-top: 30px;
}


Modifier la ligne suivante pour ajuster le margin, ou la supprimer pour annuler le margin :
Code: Tout sélectionner
margin-top: 30px;


PS : n'oubliez de rafraichir le theme via le Panneau d'administration, ou faire F5 sur votre navigateur si vous ne voyez aucun changement :D

- Centrer le logo et la description du forum sur un style en héritage de prosilver

Ce petit tuto vous permettra de centrer votre logo et la description de votre forum hérité de prosilver.

Modification : moins d'une minute

- Centrer le logo du forum

Afin de centrer votre logo (originellement placé à gauche du header), il vous faut ouvrir le fichier .css de votre style (dans le dossier theme de votre style).

Ajoutez le code suivant :
Code: Tout sélectionner
.logo {
    float: none;
    width: auto;
    padding: 0;
}


- Centrer la description du forum
Si vous avez centré votre logo, il serait bien utile d'accorder le centrage avec la description, pour cela, toujours dans le fichier .css de votre style en héritage :

Ajoutez :
Code: Tout sélectionner
.site-description {
    text-align: center;
}


Voili, voilou, votre logo et texte de description sont maintenant centrés avec cette méthode-la aussi :wink:

Pour corriger la hauteur maintenant excessive du header, vous pouvez changer la marge supérieure de la search-box à votre convenance, en ajoutant dans votre .css :

Code: Tout sélectionner
.search-header {
    margin-top: 0px;
}


PS : n'oubliez de rafraichir le theme via le Panneau d'administration, ou faire F5 sur votre navigateur si vous ne voyez aucun changement :D

Pour tous les autres cas, n'hésitez pas à passer par le forum pour un coup de main personnalisé ;)
21/02/2014 - modifié par cabot pour convertir le sujet en article.
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Rédigé le: 28 Jan 2008 à 19:17
Articles: 7
Noter cet article: 123456 Votants: 1
Mots-clés: centrer, logo, description

Retourner vers Styles