Générateur CSS modèle Caméléon

Ouvre BRICABRAC

Générateur Modèle Caméléon

 

Deux codes couleurs seulement, pour colorer en dégradé, les diverses parties et certains éléments de vos blogs. Les règles de style créées seront à rajouter à votre feuille de style du DizPerso.
Comme ce sont que les couleurs des fonds qui sont paramétrées par ces règles, il vous faudra peut-être rectifier dans votre DizPerso, la couleur des textes, "color" en CSS.

 


 

 

 

   

 

 

 

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é.

 

 

 

Ce code contient certainement des parties ou des éléments que vous ne souhaitez pas colorer, il suffit de supprimer les identifants des règles.

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 : "degrade_V12", "degrade_V21", "degrade_H12", "degrade_H21"
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, 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.

Vous pouvez télécharger des exemples de code en fin du tutoriel lien.

 

 

Pour les plus initiés ou les plus curieux,  il existe déjà sur mon blog Modèles-Graphiques, un tutoriel avec un générateur, plus complet sur les possibilités de couleurs dégradés.

Bonne pioche!

 

 



14/08/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