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 le code suivant :
- Code: Tout sélectionner
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
et remplacez par :
- Code: Tout sélectionner
#logo {
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 celà, toujours dans le fichier common.css :
Trouvez :
- Code: Tout sélectionner
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}
et remplacez par :
- Code: Tout sélectionner
/* Site description and logo */
#site-description {
width: 100%;
text-align: center;
}
Voili, voilou, votre logo et texte de description sont maintenant centrés
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 toujours dans le common.css :
- Code: Tout sélectionner
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
Il vous faut changer la ligne suivante :
- Code: Tout sélectionner
margin-top: 30px;
en mettant par exemple la valeur à 0 :
- Code: Tout sélectionner
margin-top: 0;
PS : n'oubliez de rafraichir le theme via le Panneau d'administration, ou faire F5 sur votre navigateur si vous ne voyez aucun changement
- MAJ par Jester le 15/07/08 -
