begin process at 2012 05 27 21:34:26
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > GÉNÉRATEUR DE STYLES CSS !

GÉNÉRATEUR DE STYLES CSS !


 Information sur la source

Note :
7 / 10 - par 1 personne
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Initié Date de création :16/07/2003 Date de mise à jour :16/07/2003 10:14:17 Vu / téléchargé :9 075 / 594

Auteur : webdeb

Ecrire un message privé
Site perso
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 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

  • <!-- © 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-->
<!-- © 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 !

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip WD_MORPION
VALIDER UN NUMÉRO DE TÉLÉPHONE FRANÇAIS
Source avec Zip MODULE DE CRÉATION D'ARTICLE AVEC BBCODE !
GÉNÉRATEUR DE SCROLLBARS !

 Sources de la même categorie

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture FORMULAIRE DYNAMIQUE par Niidhogg
Source avec Zip Source avec une capture CONTRAINTE DE SAISIE SUR CHAMPS INPUT par ryosama
SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai

Commentaires et avis

Commentaire de peyo22 le 12/07/2004 19:00:18

beau boulot !
^^

Commentaire de webdeb le 12/07/2004 19:06:15

Merci !

Tu l'as testé ?

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,343 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales