Générateur CSS Modèle Camaïeu

 

Ouvre BRICABRAC

Générateur Modèle Camaïeu

 

Nuances et Camaïeu de couleur, possibilité de taper votre code couleur.Chaque champ contenant les codes couleur donne accès à une palette de couleurs, mais pour réaliser un camaïeu, il sera plus facile d'utiliser cet outil en cliquant sur le bouton à droite de ce texte.

 

Capture du nuancier avec explicationsCliquez sur l'image de gauche pour voir quelques explications.
Quatres codes couleurs seulement, pour colorer les fonds des diverses parties et certains éléments de vos blogs. Les règles de style créées seront à rajouter à votre feuille de style du DizPerso.
Les couleurs des fonds et la couleur des textes sont paramétrées par ces règles, il vous faudra peut-être rectifier dans votre DizPerso, la couleur des textes, "color" en CSS, si vous voyez un problème de lisibilité.

 


 

 

        

 

Après déplacement des codes, vous pouvez générer le nouveau code ou cliquez sur les codes pour afficher la couleur et la palette.

 

 

   

 

 

 

En cliquant sur les miniatures ci-dessous, vous relancerez un de mes tests réalisés au cours de mes essais. Et ainsi vous pourrez récupérer le code généré.
Les  exemples ont été générés sur une bases de 4 codes de couleur représentant un Camaïeu.
Pour chaque exemple les codes ont été déplacés en cliquant sur un bouton "Déplacer les codes".

 

 

 

 

 

 

Ce code contient peut-être des parties ou des éléments dont vous souhaitez modifier la couleur, il suffit de supprimer les identifants des règles et de mettre votre couleur dans les règles du DizPerso.
Exemple si vous ne voulez pas gérer, la partie "Contenu" avec ce code, vous supprimez div#contenu des règles générées.

Vous pouvez utilisées les CLASSes, pour d'autres blocs que vous avez créés ou à venir. Mettre des coins arrondis à certains paragraphes, en insérant dans la balise en HTML,
par exemple : <p class="arrondi10"></p>
Exemple d'insertion de CLASS lien

De la même façon pour colorer les fonds avec les CLASSes : "camaieu_C1", "camaieu_C2", "camaieu_C3", "camaieu_C4"
Ou mettre des ombres aux bordures avec la CLASS "ombre "

Vous trouverez également le code séparé pour certains fonds des formulaires, pour  la page catégorie et tous les articles, pour harmoniser entièrement le blog, vous pouvez le modifier ou le supprimer, si vous avez déjà créé un style pour ces pages.

J'explique tout ça, dans un tutoriel avec des exemples pour le modèle "Caméléon", mais c'est le même système pour le modèle "Camaïeu".
Avant vous pouvez vos amuser en essayant ce générateur, testez les couleurs que vous aimez, vous visionnerez une page exemple avec vos couleurs.

Pour des explications complémentaires sur les ombres vous pouvez voir ce tutoriel qui contient un autre générateur.

 

 
Bonne pioche!

 

 



05/09/2011
0 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso