Générateur de styles css !

Soyez le premier à donner votre avis sur cette source.

Vue 10 493 fois - Téléchargée 679 fois

Description

Ce script permet à l'aide d'un formulaire HTML de générer automatiquement des styles CSS pour les liens. Ce dernier est donc très utile pour les sites de webmasters cherchant à proposer ce service à leurs visiteurs.

Source / Exemple :


<!-- © 2003 - Generateur by Webmaster-Debutant.com -->
<script>
function styles(generateur)
{
var infos='<!-- Styles CSS Générés sur http://www.webmaster-debutant.com -->'+'\n';
var debut='<style>'+'\n';
var link='A\:link \n \{\ntext-decoration: '+document.generateur.etats_link.value+'\; \ncolor: '+document.generateur.color_link.value+'\; \nfont-family: '+document.generateur.police_link.value+'\; \nfont-size: '+document.generateur.taille_link.value+'\; \nfont-style: '+document.generateur.caract_link.value+'\; \nfont-weight: '+document.generateur.gras_link.value+'\; \n \}'+'\n';
var visited='A\:visited \n \{\ntext-decoration: '+document.generateur.etats_visited.value+'\; \ncolor: '+document.generateur.color_visited.value+'\; \nfont-family: '+document.generateur.police_visited.value+'\; \nfont-size: '+document.generateur.taille_visited.value+'\; \nfont-style: '+document.generateur.caract_visited.value+'\; \nfont-weight: '+document.generateur.gras_visited.value+'\; \n \}'+'\n';
var active='A\:active \n \{\ntext-decoration: '+document.generateur.etats_actived.value+'\; \ncolor: '+document.generateur.color_actived.value+'\; \nfont-family: '+document.generateur.police_actived.value+'\; \nfont-size: '+document.generateur.taille_actived.value+'\; \nfont-style: '+document.generateur.caract_actived.value+'\; \nfont-weight: '+document.generateur.gras_actived.value+'\; \n \}'+'\n';
var hover='A\:hover \n \{\ntext-decoration: '+document.generateur.etats_hover.value+'\; \ncolor: '+document.generateur.color_hover.value+'\; \nfont-family: '+document.generateur.police_hover.value+'\; \nfont-size: '+document.generateur.taille_hover.value+'\; \nfont-style: '+document.generateur.caract_hover.value+'\; \nfont-weight: '+document.generateur.gras_hover.value+'\; \n \}'+'\n';
var fin='</style>'+'\n';
var term='<!-- © 2003 - Generateur by Webmaster-Debutant.com -->'+'\n';

document.generateur.resultat.value=infos+ debut+ link+ visited+ active+ hover+ fin+ term;
}
</script>
<!-- FIN DE CE SCRIPT-->

Conclusion :


Probabilité que j'améliore ce générateur avec d'autres attributs CSS comme pour les backgrounds, curseurs...

Merci de ne pas supprimer les copyrights dans le script et dans la page web du zip svp !

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
488
Date d'inscription
samedi 5 avril 2003
Statut
Membre
Dernière intervention
31 mars 2009
4
Merci !

Tu l'as testé ?
Messages postés
26
Date d'inscription
dimanche 2 novembre 2003
Statut
Membre
Dernière intervention
9 juillet 2004

beau boulot !
^^

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.