Générateur de styles css !

Télécharger le projet
Commenter

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 !
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (webdeb)