Avec l'accord d'erational, je reformate le formulaire de configuration du...

Avec l'accord d'erational, je reformate le formulaire de configuration du plugin pour être dans le pli de l'espace privé de SPIP.

formulaires/configurer_sociaux.html

@@ -4,32 +4,51 @@
 	[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
 
 	<form method="post" action="#ENV{action}">
-	<div>
-
-		#ACTION_FORMULAIRE{#ENV{action}}
-
-    <!-- activer l'habillage CSS -->
-    <div style="margin:1em 0;">
-      	<div class="choix">
-      		<input type="checkbox" name="css" class="checkbox" value='on' id='cssn'[(#ENV{css}|oui)checked="checked"] />
-      		<label for='css'><:sociaux:cfg_label_css:></label>
-      	</div>
-    </div>
-
-    <!-- les reseaux -->
-    <div style="margin-top:1em;margin-top:1px solid #eee;padding-top:1em;font-weight:bold;"><:sociaux:cfg_explication:></div>
-    #SET{rezo,#LISTE{facebook,twitter,instagram,google-plus,blogger,pinterest,linkedin,youtube,rss,email,tripadvisor,vimeo,flickr}}
-
-    <BOUCLE_rezo(DATA){source tableau,#GET{rezo}}>
-    <!-- #VALEUR -->
-    <div style="margin:1em 0;">
-    	      <label for="nom">[(#VALEUR|ucfirst)]</label>
-						<input type="text" name="#VALEUR" id="#VALEUR" value="[(#ENV{#VALEUR})]"  class="text" />
-    </div>
-    </BOUCLE_rezo>
-
-		<input type="hidden" name="_meta_casier" value="sociaux" />
-		<p class="boutons"><span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:>" /></p>
-  </div>
+		<div>
+
+			#ACTION_FORMULAIRE{#ENV{action}}
+
+			<fieldset>
+				<h3 class="legend"><:sociaux:css_fiedset:></h3>
+				<ul class="editer-groupe">
+					<!-- activer l'habillage CSS -->
+					<li class="editer editer_css editer_radio">
+						<p class="explication"><:sociaux:cfg_label_css:></p>
+						<div class="choix">
+							<input type="checkbox" name="css" class="checkbox" value='on' id='cssn'[(#ENV{css}|oui)checked="checked" ]/>
+							<label for='cssn'>
+								<:sociaux:cfg_label_css_oui:>
+							</label>
+						</div>
+					</li>
+
+				</ul>
+
+			</fieldset>
+			<!-- les reseaux -->
+			<fieldset>
+				<h3 class="legend"><:sociaux:reseaux_sociaux_fieldset:></h3>
+				<p><:sociaux:cfg_explication:></p>
+				#SET{rezo,#LISTE{facebook,twitter,instagram,google-plus,blogger,pinterest,linkedin,youtube,rss,email,tripadvisor,vimeo,flickr}}
+				<B_rezo>
+					<ul class="editer-groupe">
+					<BOUCLE_rezo (DATA){source tableau,#GET{rezo}}>
+						<!-- #VALEUR -->
+						<li class="editer editer-[(#VALEUR)]">
+							<label for="#VALEUR">[(#VALEUR|ucfirst)]</label>
+							<input type="text" name="#VALEUR" id="#VALEUR" value="[(#ENV{#VALEUR})]" class="text"/>
+						</li>
+					</BOUCLE_rezo>
+					</ul>
+				</B_rezo>
+
+			</fieldset>
+
+
+			<input type="hidden" name="_meta_casier" value="sociaux"/>
+			<p class="boutons">
+				<span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:>"/>
+			</p>
+		</div>
 	</form>
 </div>

inclure/sociaux.html

 [(#REM)
-    liste les liens vers les réseaux sociaux
+liste les liens vers les réseaux sociaux
 
-    on associe les classes de socicon si l'option est activée
-    http://www.socicon.com/how.php
+on associe les classes de socicon si l'option est activée
+http://www.socicon.com/how.php
 
 ]
 <!-- sociaux -->
 <div class="sociaux">
-  <ul class="sociaux-list">
-      #SET{rezo,#LISTE{facebook,twitter,instagram,google-plus,blogger,pinterest,linkedin,youtube,rss,email,tripadvisor,vimeo,flickr}}
-
-      <BOUCLE_rezo(DATA){source tableau,#GET{rezo}}>
-
-      [(#CONFIG{sociaux/#VALEUR}|oui)<li><a href="#CONFIG{sociaux/#VALEUR}" class="#VALEUR">[(#CONFIG{sociaux/css}|oui)<span class="socicon socicon-#VALEUR"></span> ]<span class="name">[(#VALEUR|ucfirst)]</span></a></li>]
-
-
-      </BOUCLE_rezo>
-
-
-
-  </ul>
+	<ul class="sociaux-list">
+		#SET{rezo,#LISTE{facebook,twitter,instagram,google-plus,blogger,pinterest,linkedin,youtube,rss,email,tripadvisor,vimeo,flickr}}
+		<BOUCLE_rezo (DATA) {source tableau,#GET{rezo}}>
+		[(#CONFIG{sociaux/#VALEUR}|oui)
+		<li> <a href="#CONFIG{sociaux/#VALEUR}" class="#VALEUR">[(#CONFIG{sociaux/css}|oui)<span class="socicon socicon-#VALEUR"></span> ]<span class="name">[(#VALEUR|ucfirst)]</span></a></li>]</BOUCLE_rezo>
+	</ul>
 </div>
 <!-- #sociaux -->

lang/sociaux_fr.php

 <?php
 // This is a SPIP language file  --  Ceci est un fichier langue de SPIP
 
-if (!defined('_ECRIRE_INC_VERSION')) return;
- 
+if (!defined('_ECRIRE_INC_VERSION')) {
+	return;
+}
+
 $GLOBALS[$GLOBALS['idx_lang']] = array(
 
 	// S
@@ -11,11 +13,16 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
 	// C
 	'cfg_explication' => 'Indiquez les adresses des réseaux sociaux vers lesquels vous voulez faire le lien',
 	'cfg_label_css' => 'Activer l\'habillage graphique de la barre de liens avec la feuille de style basée sur la police socicon',
+	'cfg_label_css_oui' => 'Oui',
+	'css_fiedset' => 'Habillage',
 
 	// M
-	'menu_description'	=> 'La liste complète des réseaux est disponible dans la documentation.',
-	'menu_nom_reseau'	=> 'Nom du réseau',
-	'menu_titre'		=> 'Lien vers un réseau social (Twitter, Facebook, etc.).',
+	'menu_description' => 'La liste complète des réseaux est disponible dans la documentation.',
+	'menu_nom_reseau' => 'Nom du réseau',
+	'menu_titre' => 'Lien vers un réseau social (Twitter, Facebook, etc.).',
+
+	// R
+	'reseaux_sociaux_fieldset' => 'Les réseaux sociaux',
 
 	// T
 	'titre_page_configurer_sociaux' => 'Liens vers les réseaux sociaux',