Traductions de cette page?:

à 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.

Discussion

PLEASE NOTE: Comments to the wiki should only contain suggestions and questions that help us to improve the manual (and not the software). These comments will be deleted as soon as the information has been integrated into the manual.

Posts that do not contribute to the DOCUMENTATION of the project will be DELETED.

Ask QUESTIONS on the product here.
Report BUGS here.
Propose NEW FEATURES here.


Entrer votre commentaire
 
fr/logo.txt · Dernière modification: 2013-02-27 18:06 (modification externe)
 
Sauf mention contraire, le contenu de ce wiki est placé sous la licence suivante : CC Attribution-Noncommercial-Share Alike 3.0 Unported


Terms of Service | Copyright © 2014 fengoffice.com