- Meilleure intégration graphique à SPIP

- On pose des chaines de langue

.gitattributes

@@ -1,5 +1,6 @@
 * text=auto !eol
 formulaires/inc-upload_document.html -text
+lang/uploadify_fr.php -text
 noisettes/uploadify.html -text
 /paquet.xml -text
 theme/img/uploadify.png -text

formulaires/inc-upload_document.html

@@ -16,9 +16,6 @@
 			<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{fichier_upload})</span>
 			]<input class='file multi' type="file" name="fichier_upload[]" value='#ENV{fichier_upload}' id="fichier_upload#GET{domid}" size='11' />
 			<!--editer_fichier_upload-->
-			<hr />
-			<label>T&eacute;l&eacute;verser en lot ou téléverser de gros fichiers</label>
-			<INCLURE{fond=noisettes/uploadify,env,ajax} />
 		</li>
 	</ul>
 	<div class='sourceup'>
@@ -31,6 +28,10 @@
 		| <a href='#' onclick="change_methode('#GET{domid}','distant');return false;"><:medias:bouton_download_sur_le_web:></a>
 	</div>
 	<p class='boutons'><input class='submit' type="submit" name="joindre_upload" value="<:bouton_upload:>"/></p>
+	<div class='block_uploadify'>	
+		<label><:uploadify:televerser:></label>
+		<INCLURE{fond=noisettes/uploadify,env,ajax} />
+	</div>
 </div>[
 
 

lang/uploadify_fr.php

@@ -0,0 +1,25 @@
+<?php
+if (!defined('_ECRIRE_INC_VERSION')) return;
+
+$GLOBALS[$GLOBALS['idx_lang']] = array(
+	// A
+	'actuellement_lie' => 'Fichier(s) actuellement li&eacute;(s)',
+	
+	// F
+	'fichiers_joints' => 'Fichiers joints',
+	
+	// O
+	'option_groupe_description' => 'Upload de documents',
+	
+	// P
+	'parcourir' => 'Parcourir...',
+	
+	// S
+	'saisie_upload_titre' => 'Upload de documents',
+	'saisie_upload_explication' => 'Ajoute un bouton au formulaire permettant d\'uploader des documents',
+	
+	// T
+	"televerser" => "T&eacute;l&eacute;verser en lot ou t&eacute;l&eacute;verser de gros fichiers"
+	
+);
+

noisettes/uploadify.html

@@ -2,8 +2,7 @@
 [<script type="text/javascript" src="(#CHEMIN{theme/uploadify/jquery.uploadify-3.1.min.js})"></script>]
 
 <div id="conteneur-uploadify">
-	<div id="custom-queue"></div>
-	<input id="custom_file_upload" type="file" name="Filedata" />
+	<input id="custom_file_upload" class='boutons' type="file" name="Filedata" />
 </div><!-- #conteneur-uploadify -->
 
 <script type="text/javascript" charset="utf-8">

theme/uploadify/uploadify.css

@@ -4,37 +4,45 @@ Copyright (c) 2012 Reactive Apps, Ronnie Garcia
 Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
 */
 
+.formulaire_joindre_document{overflow:hidden;padding:0}
+	.formulaire_joindre_document h3.titrem{text-indent:20px!important}
+	.formulaire_joindre_document .cadre-icone{top:0 !important}
+.block_uploadify{width:100%;margin-top: 15px}
+	.block_uploadify .boutons{padding:5px 5px 3px 0 !important; height:25px;}
 .uploadify {
 	position: relative;
 	margin-bottom: 1em;
+	width:100% !important;
 }
 .uploadify-button {
-	background-color: #505050;
-	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
-	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
-	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
-	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
-	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
+	display:inline-block;text-align:right;height:20px !important;line-height:20px !important;width:auto!important;padding:0px 10px !important;outline:0;
+	background-color: #ffffff;
+	background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
+	background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
+	background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
+	background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
+	background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
 	background-image: -webkit-gradient(
 		linear,
 		left bottom,
 		left top,
-		color-stop(0, #505050),
-		color-stop(1, #707070)
+		color-stop(0, #ffffff),
+		color-stop(1, #eeeeee)
 	);
 	background-position: center top;
 	background-repeat: no-repeat;
-	-webkit-border-radius: 30px;
-	-moz-border-radius: 30px;
-	border-radius: 30px;
-	border: 2px solid #808080;
-	color: #FFF;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	border: 1px solid #BBBBBB;
+	color: #404040;
 	font: bold 12px Arial, Helvetica, sans-serif;
 	text-align: center;
-	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
+/*	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
 	width: 100%;
 }
-.uploadify:hover .uploadify-button {
+.uploadify:hover .uploadify-button{border-color:#606060;}
+/*.uploadify:hover .uploadify-button {
 	background-color: #606060;
 	background-image: linear-gradient(top, #606060 0%, #808080 100%);
 	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
@@ -50,12 +58,13 @@ Released under the MIT License <http://www.opensource.org/licenses/mit-license.p
 	);
 	background-position: center bottom;
 }
+*/
 .uploadify-button.disabled {
 	background-color: #D0D0D0;
 	color: #808080;
 }
 .uploadify-queue {
-	margin-bottom: 1em;
+	margin-bottom: 10px !important;
 }
 .uploadify-queue-item {
 	background-color: #F5F5F5;
@@ -74,7 +83,7 @@ Released under the MIT License <http://www.opensource.org/licenses/mit-license.p
 	background: url('uploadify-cancel.png') 0 0 no-repeat;
 	float: right;
 	height:	16px;
-	text-indent: -9999px;
+	text-indent: 9999px;
 	width: 16px;
 }
 .uploadify-queue-item.completed {