Mise en forme CSS d'un formulaire - CSS Debutant
Par défaut, les formulaires ne sont pas folichons. Pourtant, quel site n'a pas son formulaire ? (euh... mammouthland ?!!) Dès lors, la tentation est grande de mettre les champs dans des tableaux pour les aligner, et de rajouter du javascript pour un effet focus ou se passer un bouton d'envoi. Et l'accessibilité dans tout ça ?!! Mais avec les CSS, on peut améliorer l'aspect d'un formulaire et rester accessible !
Traitement automatisé des images
[SPIP 1.9 et GD2] SPIP permet de faire subir aux images des effets automatisés. Ces effets ont deux vocations :— tout simplement assurer la cohérence graphique du site, en fabriquant automatiquement des éléments de navigation qui seront toujours réalisés selon les désirs du graphiste ;— créer des effets relativement spectaculaires, sans pour autant demander aux auteurs des articles de traiter les images eux-mêmes, et sans non plus interdire les évolutions graphiques du site par la suite.
Spip] Formulaire CVT et cases à cocher multiple s [résolu]
Bonjour, Le fil tombe à pic parce que je me pose le même genre de question mais je ne comprends pas très bien. J'ai essayé en direct [ (#VAL{chaineATester}|in_array{#ENV{tableau_de_bidules}}|oui)checked] mais cela ne fonctionne pas. Est-ce parce que j'utilise SPIP 1.9.2c ?
La plateforme SPIP-Collectivité - Les Développements Durables
Parce que les collectivités territoriales ont les mêmes besoins fonctionnels répondant aux attentes des administrés, Les Développements Durables proposent une solution dédiée avec SPIP-Collectivité. Notre expérience de SPIP ainsi qu’une veille constante sur les demandes formulées dans les marchés publics, nous ont permis de mettre au point une solution répondant aux besoins fonctionnels d’un site Internet pour les collectivités territoriales. SPIP-Collectivité s’appuie sur le gestionnaire de contenu (CMS) SPIP. Quels sont ses principaux avantages ? SPIP est un CMS développé en français et disposant d’une importante communauté francophone.
La syntaxe des balises SPIP
Chaque type de boucle permet de sélectionner des éléments de la base de données de SPIP : des articles, des rubriques, des brèves, etc. Chacun de ces éléments est lui-même constitué d’éléments précis : un titre, une date, un texte, etc. À l’intérieur d’une boucle, il faut donc pouvoir indiquer à quel endroit du code HTML on place tel ou tel de ces éléments précis. Pour cela, on va utiliser des balises SPIP. Fonctionnement simplifié
Structure HTML des formulaires de SPIP 2
Document de références précisant comment les formulaires dans SPIP doivent être structurés Structure HTML Un formulaire de base est ainsi structuré : <div class="formulaire_spip formulaire_editer formulaire_editer_nomformulaire" id="formulaire_editer_nomformulaire-id"><a id="nomformulaire" name="nomformulaire"></a><form action="#" method="post"><fieldset><legend>Une légende</legend><p class="explication">Un texte d'explication</p><ul><li class="editer_nomlabel obligatoire erreur"><label for="nomlabel">Courriel</label><em class="aide">#AIDER{arttitre}</em><p class="explication"> Explication du label</p><span class="erreur_message">Message d'erreur</span><input type="type" class="type" name="nomlabel" id="nomlabel" value="" /></li></ul></fieldset></form></div> Le div englobant porte la classe générique formulaire_spip.
Affichage conditionnel
Voici une boucle qui fait, dans une boucle rubrique, une sélection avec des critères différents des articles en fonction du numéros de la rubrique. Cette contribution explique l’utilisation de boucles imbriquées et de la partie conditionnelle d’une boucle pour faire une boucle différente selon un critère de la boucle englobante. Le cas que l’on va étudier est simple : on liste toutes les rubriques du site, on liste les articles dans ces rubriques, si on est dans la rubrique 1, on veut afficher les 5 derniers articles publiés, si on est dans les autres rubriques, on veut afficher tous les articles. <BOUCLE_toutes_les_rubriques(RUBRIQUES)><BOUCLE_la_rubrique_1(RUBRIQUES) {id_rubrique} {id_rubrique=1}><BOUCLE_les_articles_rubrique_1(ARTICLES) {id_rubrique} {0,5} {par date} {inverse}> #TITRE </BOUCLE_les_articles_rubrique_1></BOUCLE_la_rubrique_1><BOUCLE_les_autres_articles(ARTICLES) {id_rubrique}> #TITRE </BOUCLE_les_autres_articles><//B_la_rubrique_1></BOUCLE_toutes_les_rubriques>
Formulaires CVT par l'exemple
Étape 1 : Créer le squelette de son formulaire Dans le sous-répertoire formulaires/ de votre dossier « squelettes », créez le fichier contact.html qui va contenir le code HTML de votre formulaire de contact. Par exemple :
