Accueil »wiki »Modification_de_la_banniere

Modifier la bannière du thème par défaut


Les Pages Thématiques
Infos installationLe 'Bac à sable'

Les prérequis, les hébergeurs testés, un tutoriel d'installation, le glossaire, l'installation d'un style, ...

image  Les Modules

Présentation des modules et tutoriel de duplication

image  Les Blocs

Listing des blocs par défaut, tutoriel d'ajout de bloc dans un modèle, informations pour les futurs codeurs, ...

image  Les Astuces

Créer un message d'erreur personnalisé, ne plus recevoir d'email de notification, ...

image  PHP5

Les astuces pour passer de PHP4 à PHP5 selon les hébergeurs spécifiés

image  Le Graphisme

Modification de la bannière, du calendrier du blog, menu de navigation à la verticale, les switchs, imposer un thème à un module, ajout d'une image dans le message d'alerte,  ajouter une image sur la barre de navigation, ...

image  Le WYSIWYG

Ajouter des titres de format, présentation de qqs outils, ajouter une image depuis votre pc, ajouter un bbcode, ...

image  La Gestion

Comment activer un membre, gérer les permissions, créer un groupe coloré, attribuer des droits de modération, tous les outils pour gérer vos membres...

image  Le Coin des developpeurs

Le système de cache, la structure des fichiers, le fonctionnement des modules, le système de templates/thèmes/styles, ...
Soutenir Malleo
Pour faire un don

Participer à l'hébergement de mon site
Partenaires
Il était une petite main...
Malleo :: le CMS qui fait blog, forum, wiki, pages web
RSS Image
Combattez les SPAMS
Pour modifier la bannière d'un thème.

Si vous ne modifiez que la bannière, il vaut mieux garder la même largeur, afin d'éviter une déformation ou une mauvaise incrustation de la bannière dans l'ensemble du thème en place.

 
Pour plus de facilité, nous vous conseillons de garder la même extension et dénomination que la bannière actuelle : banniere.png

 
Si toutefois, vous désirez utiliser une image différente (exemple une extension gif, ou jpg) :

Ouvrir le fichier style.css (présent dans votre thème exemple dans le dossier BlueLight)

Chercher :


background:url("images/webdesign_banniere.png") no-repeat left top;



dans cette ligne, remplacer l'extension ou le nom de l'image
 
exemples:
background:url("images/haut.png")
background:url("images/banniere.gif")
background:url("images/machin.jpg")
 
 
Si la bannière utilisée est plus haute que l'actuelle (dans le thème de départ)

Vous pouvez ajuster les mesures en tripotant le fichier style.css
Ouvrir style.css
 
Rechercher


div#top{
 background:url("images/webdesign_banniere.png") no-repeat left top; 
 height:120px;
}


Modifier la valeur 120px par la hauteur désirée

Evitez les bannières trop grande ... qui alourdissent l'affichage et qui n'apporte rien de bon ...
 
 
 
 AVANT:

data/images/hauteur.png

 
APRES: la totalité de la bannière est visible je souris

data/images/viretitre.png




Si la description du site gêne dans la bannière
 
Vous avez la possiblité de retirer le titre de votre site ainsi que la description en passant par votre administration
Admin => Configuration => Informations
 
Cependant retirer les informations à cet endroit n'est pas conseillé. Quand vos membres ajouteront votre site dans leurs favoris, le nom et la description de votre site sont importants.
 
De plus, il se peut que vous utilisiez plusieurs styles (thèmes) et la description peut être utile sur certains d'entre eux.
Alors comment retirer le nom et/ou la description sur certains thèmes et pas tous?
 
Ouvrir _page_haut.html
 
Chercher et supprimer

<div id="top">
  <span class="titre_site">{NOM_SITE}</span>
 </div>

 
Avant :

data/images/viretitre.png

 
Après :

data/images/plustitre.png