09.01.2006

Des Fonds semi-transparent pour vos blogs

Encore un petit billet sur les arrières plan, mais il s'agit cette fois d'images de fond un peu spéciales, car elles sont en semi-transparence (OverAlls), c'est à dire qu'elles laissent apparaître la couleur de votre fond initial; ces fonds sont ainsi applicables sur tout fond de couleur unie; cependant y'en a qui vont paraître beaucoup plus jolis sur des fonds de couleur foncée, tandis que d'autres iront mieux sur des tons claires. Je vous présente ce lien, et je vous laisse choisir le fond qui correspond le mieux à votre blog. Une multitude de formes géométriques et fractales vous y attend, vous pouvez même faire des essais sur le même site pour voir à quoi ça ressemblerait au juste une fois sur votre blog; vous y trouverez aussi d'autre trucs interéssants. Bonne navigation!
N.B: Si vous avez des questions, n'hésitez pas !

23:15 Publié dans Design | Lien permanent | Commentaires (7) | Envoyer cette note

06.12.2005

Image d'arrière plan dans un billet

Comme promis, je consacre ce poste à l'utilisation d'image d'arrière plan dans un blog, et plus précisément, l'utilisation d'une background-image dans un billet.
D'abord, il faut créer une image de dimensions raisonables par rapport à l'espace que prend la partie principale de votre blog, celle où s'affiche le contenu de vos billet (partie centrale sur A_To_Z), de manière à ce qu'elle puisse apparaitre en totalité sur le fond, puis, et dans votre feuille de style principale,  insérez le code suivant :

.monFond{ background: transparent url("URL de votre image de fond") no-repeat left center; }



Ensuite et pour afficher votre image d'arrière-plan derrière le texte de votre billet, comme j'ai fait pour ce poste, il vous faut appeler le style que vous venez de créer, "monFond", et pour se faire, insérez juste le code qui suit; à partir de l'éditeur HTML de votre blog :>div class="monFond"<..le texte pour lequel vous voulez appliquer un fond va ici...., puis fermez le div après le texte en insérant : >/div< *

 


 *N.B : Les balises div d'ouverture et de fermeture doivent être contenu entre les signes ("<" puis ">" ) et non (">" puis "<"), sans les guillemets bien sûr; j'ai choisi de les inverser pour pouvoir les insérer à l'intérieur de ce billet et afin qu'il ne soient pas interprétées par le navigateur comme étant du code html.
Astuce : Si vous mettez une image de petite taille et vous voulez qu'elle se répéte, changez tout simplement le paramètre "no-repeat", dans le style 'monFond' par "repeat" pour une répétion sur les deux axes horizontal et vertical, "repeat-x" pour un répétition sur l'axe horizontal, ou encore "repeat-y" pour une répétition verticale.

20:05 Publié dans Design | Lien permanent | Commentaires (10) | Envoyer cette note

11.08.2005

Optimisez les couleurs de votre blog!

Voici un outil, très intéressant et très simple d'utilisation, qui vous aidera à bien choisir un schéma colorimétrique à utiliser pour votre weblog ou site web.
Même si vous n'êtes pas très doué pour le design et la colorimétrie, le "Color Scheme Generator", vous permetra d'améliorer l'apparence de votre blog, pour le rendre encore plus convivial et plus agréable à liremedium_colorgeneratorbig.4.gif
Vous trouverez sur le site , une roue ou un cercle chromatique(1), à chaque que vous selectionnez une couleur sur la roue, des couleurs complémentaires vous seront suggérées(2); Vous pouvez rendre la palette choisie plus claire, plus sombre, plus contrastée,ou pale, selon votre guise, en utlisant le!s bouton(3);
Le lien(4) vous permet de rentrer une couleur de votre choix en hexadécimal(5)(si vous y connaissez un peu).Vous pouvez aussi utiliser le menu(6) pour changer l'apparence de vos couleurs; la flèche (7) quant à elle, vous permet de permuter les couleurs entre elles.
Visitez la page d'aide (en englais) pour plus d'informations, sinon, vous pouvez toujours me contacter si vous avez besoin d'un peu d'assistance.

12:35 Publié dans Design | Lien permanent | Commentaires (2) | Envoyer cette note

 
© a to z blogging all rights reserved