Bloxo'Design

[Tutoriaux]

Les couleurs hexadecimales

le 27/07/2007 à 16h09

Dans la plupart des tutoriaux, je parlerai souvent des "codes couleurs" et pour cause, ce sont eux qui vous permettent de définir toutes les couleurs de votre blog! Alors je pense qu'une petite explication sur ces codes couleurs, aussi appelé couleurs hexdecimales, s'impose. Un code couleur se présente sous la forme #99CCFF. Il y a plusieurs façons de trouver la couleur qui irait le mieux avec votre design.

La première est tout simplement de se rendre sur un site qui répertorie la plupart des couleurs hexadecimales. L'inconvénient dans ce cas, c'est qu'elles n'y sont pas toutes et que ça peut devenir difficile de trouver celle dont vous avez vraiment besoin. Mais pour des couleurs basiques, et pour les débutants, ça reste la solution la plus simple.
> Couleurs Hexadecimales <

La seconde est d'utiliser l'outil "pipette" d'un logiciel. Je vais prendre ici l'exemple de Photofiltre puisque c'est le logiciel le plus simple et qu'il est gratuit. Ouvrez votre image sur Photofiltre et prenez l'outil "pipette" qui se trouve dans le menu de droite, à droite de la petite flèche. Cliquez avec sur la couleur de votre image qui vous intéresse et le code apparait tout en bas du menu de droite. Vous n'avez plus qu'à le copier et le tour est joué =]

Titre du blog

le 26/07/2007 à 22h57

Dans ce tutoriel, nous allons apprendre à modifier le titre du blog, c'est-à-dire sa taille, sa couleur et sa position.

Dans votre CSS, commencez par chercher cette partie du code et modifiez-là selon les instructions entre crochets :

/* Nom du blog */
p.name {
margin:0;
padding:0;
font-size:20px;
[Modifie la taille du titre, augmentez ou diminuez le chiffre selon vos besoins]
position:absolute;
left:30px;
top:10px;
[Modifie la position du titre. Vous pouvez changer les chiffres pour qu'il soit plus ou moins à gauche ou en haut dans cette exemple. Vous pouvez également remplacer left (gauche) par right (droit) et top (haut) par bottom (bas)]
}

p.name a {
text-decoration:none;
color:#3600FF;
[Modifie la couleur du titre, changer le code pour changer la couleur]
}

p.name a:hover {
text-decoration:none;
font-weight:bold;
[Modifie le titre lorsque vous passez dessus avec la souris. Vous pouvez changer la taille, la couleur...]
}

Installer une CSS

le 26/07/2007 à 22h45

Pour installer une CSS, rien de plus simple. Il faut d'abord que votre blog n'ait pas un désign prédéfini de Lexode.

●  Pour cela, allez dans l'onglet Blog, puis sur Thème graphique => Les couleurs Persos. Cliquez directement sur "Stylizer" et publiez votre blog.

Une fois fait, choisissez une CSS sur Bloxo'Design, cliquez sur "Télécharger la CSS" et copiez l'ensemble du code.

Retournez dans le Stylizateur, mais cette fois-ci dans La CSS perso (pro). Supprimez tout le code présent et collez celui que vous avez copié à la place.

Cliquez sur Enregistrer la CSS, actualisez votre blog et voilà, il est CSSizé!


Pour tous problèmes, contactez-nous par MP =]

©2006 - Bloxode.com est un service gratuit de Lexode.com - Prévenir d'un abus - Conditions d'utilisation