Table des matières

à traduire

Personnaliser le logo

Cette procédure décrit la façon de modifier le logo qui s'affiche en haut à gauche:

Ce serait une bonne idée de ne pas modifier le thème par défaut mais votre propre thème. (Vous pouvez lire pour cela Utiliser les thèmes.)

Remplacer le logo par défaut

La méthode la plus simple est de remplacer le fichier public/assets/themes/default/images/layout/logo.png par un fichier .PNG de 40 x 40 pixels contenant votre nouveau logo.

Éditer le CSS

Si vous vous y connaissez suffisamment en CSS vous trouverez de multiples avantages à éditer votre logo de cette manière. Editer le fichier public/assets/themes/default/stylesheets/general/construction.css et repérez la classe suivante :

#logodiv {
    background-image: url(../../images/layout/logo.png);
    position: relative;
    margin: 5 auto;
    text-align: left;
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin-left: 15px;
    margin-top:6px;
}

En changeant les propriétés de background-image vous pouvez choisir qu'elle image sera utilisé pour votre logo. Maintenant vous pouvez utiliser n'importe quel format d'image. Par exemple, vous pouvez placer votre logo en JPG dans public/assets/themes/default/images/layout/logo.jpg et changer les propriétés de background-image avec url(../../images/layout/logo.jpg).

Vous pouvez aussi changer la largeur width et la hauteur height de manière à ce que l'image apparaisse telle que vous voulez la voir. Ceci ne modifie pas la taille de votre image. En changeant la marge de gauche margin-left et la marge supérieure margin-top vous pouvez ajuster la position de votre logo dans le coin gauche supérieur.