Vous voulez mettre un jolie fond dans la barre menu ? Voici le code.

Remplacez ce qui est écrit en rouge par le lien de votre image que vous souhaitez mettre en tant que fond dans la barre menu.

#menubar {background:url(mettre l'URL de votre image) ;}

Vous avez envie de changer la couleur basique de la menu barre ? Voici le code pour changer la taille ET la couleur des titres dans le menu-barre, en haut.

En vert, la taille de l'éciture.

En rouge, le nom de votre couleur.

​#menubarabsolute{font-size: Xpx ;color: nom de la couleur en anglais ;}​

Pour mettre une ombre aux blocs conteneurs (menus, blocs conteneurs des tites ou encore le blocs des articles), voici le code :

En bleu, n'oubliez pas de remplacer le mot sélecteur par un code sélecteur (voir liste des codes des sélecteurs)

En vert, les valeurs à changer pour avoir une ombre plus ou moins à gauche ou à droite (pour les 2 premières valeurs.) La 3èeme valeur est l'intensité de l'ombre.

Remplacez ce qui est en rouge par le nom de votre couleur, en anglais.

sélecteur { box-shadow: Xpx Xpx Xpx nom de la couleur en anglais }

Pour avoir un header cliquable qui vous permet de vous ramener jusqu'à l'accueil, voici le code :

En rouge, vous pouvez changer les valeurs (width, c'est la largeur alors mettez la largeur de votre header) (height, c'est la hauteur donc mettez la hauteur de votre header).

#titre_header a{

                         display: block;

                     width: Xpx;

                       height: Xpx;}

Il est préférable d'avoir un titre incrusté directement dans votre header.

/!\ Si vous mettez les valeurs trop grandes, il se peut que la zone cliquable aille jusqu'à votre bouton "Ecrire un nouvel article" ou encore "éditer". Alors, quand vous cliquerez sur votre bouton, au lieu de vous ouvrir votre fenêtre pour éditer ou écrire un nouvel article, il va vous renvoyer à l'accueil. Il faut donc réduire les valeurs si ce problème vous arrive.

Il est évident que réduire le poids d'une image consiste à réduire un peu sa qualité mais parfois, il en est indispensable. Ici, sur Eklablog, les images ne peuvent pas dépasser 400 ko.

Je vais vous montrer comment réduire le poids d'une image avec photofiltre. Ouvrez photofiltre et l'image en question. (J'en ai pris une au pif, bien lourde pour vous montrer)

Après avoir ouvert l'image, allez dans fichier et enregistrer sous. Choisissez là où vous voulez l'enregistrer (moi je met toujours tout sur le bureau et après je range, c'est juste pour ne pas la perdre.)

Une nouvelle fenêtre apparaît. C'est ici que vous pouvez régler le poids de votre image. Là où j'ai entouré en rouge, montre le poids actuel de l'image. Vous pouvez faire bouger le curseur pour régler le poids. Il faut juste que le chiffre ne dépasse pas 400. Ensuite cliquez sur ok et c'est fini votre image à un poids parfait pour être mis sur Ekla' :)

Par évidence, il existe plusieurs moyens de réduire le poids d'une image et avec d'autres logiciels. J'ai juste pris le plus simple et le plus pratique.