Meilleure présentation du retour vers le sommaire automatique : plus compacte...

Meilleure présentation du retour vers le sommaire automatique : plus compacte avec seulement une image flottant à droite du titre.

plugin.xml

@@ -5,7 +5,7 @@
 	<licence>&#169; 2003-2013 - GPL</licence>
 	<lien>http://www.spip-contrib.net/SoyezCreateurs,1237?tri_articles=titre</lien>
 	
-	<version>3.5.3</version>
+	<version>3.5.4</version>
 	<version_base>3.0.29</version_base>
 	
 	<etat>stable</etat>

soyezcreateurs_fonctions.php

@@ -95,9 +95,9 @@ function sc_sommaire_article($texte,$istxt=0)
 
 function sc_sommaire_ancre($texte)
 {	
-	$retoursommaire = _T('soyezcreateurs:retoursommaire');
+	$retoursommaire = "<a href='#SommaireAutomatique' title='"._T('soyezcreateurs:retoursommaire')."' class='retoursommaire'><img src='".chemin("images/spip_out.gif")."' width='".largeur(chemin("images/spip_out.gif"))."' height='".hauteur(chemin("images/spip_out.gif"))."' alt='"._T('soyezcreateurs:retoursommaire')."' /></a>";
 	
-	$texte = preg_replace("|(<h[23456][^>]*>)(.*)(<\/h[23456]>)|U","<p class='retoursommaire'><a href='#SommaireAutomatique'>".$retoursommaire."</a></p><a name=\"sommaire_#NB_TITRE_DE_MON_ARTICLE#\"></a>$1$2$3", $texte);
+	$texte = preg_replace("|(<h[23456])[^>]*>(.*)(<\/h[23456]>)|U","$1 id=\"sommaire_#NB_TITRE_DE_MON_ARTICLE#\">$retoursommaire$2$3", $texte);
 
 	$array = explode("#NB_TITRE_DE_MON_ARTICLE#" , $texte);
 	$res =count($array);

stylessoyezcreateurs.css.html

@@ -420,6 +420,7 @@ a#logo { display: block; clear: right; margin-left: 80px; }
 #content td, #content tr { font-size: 1em; }
 #content table tr td h2 { padding: 0; margin: 0; background: none; }
 #content table tr td .retoursommaire { padding: 0; margin: 0; float: right; text-align: auto; }
+#content table tr td .retoursommaire img { padding: 0; margin: 0; }
 #content .spip td, #content .spip th { width: auto; vertical-align: top; padding: 5px; padding-right:20px; padding-left:10px; border: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{20,true})]; text-align: left; }
 #content thead, table.spip tr.row_first, table.spip thead th { width: auto; background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{10})]; border: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{20,true})]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{20,true})]; font-size: 1.1em; text-align: center; }
 #content tr.alt, #content tr.row_odd { background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{5,true})]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{5,true})]; }
@@ -738,7 +739,8 @@ div.spip_poesie div { margin-left: 60px; text-indent: -60px; }
 .descriptif, .chapo { padding: 2px 1em 3px; margin-top: 1em; margin-bottom: .5em; clear: left; font-size: 1em; font-weight: normal; text-align: left; }
 .chapo { padding: 1em 2em; background-color: [(#GET{c_cadrestexte_bk})]; border: 1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; -webkit-border-radius: 1em; -moz-border-radius: 1em; color: [(#GET{c_cadrestexte})]; overflow: auto; }
 
-.retoursommaire { margin-bottom: 10px; margin-top: 20px; font-size: .8em; text-align: right; }
+.retoursommaire { float: right; }
+#content .retoursommaire img { margin:0; padding: 0 0 0 1em; }
 
 .menuarticles { background-image: url([(#CHEMIN{images/chevrons.gif}|url_absolue)]) !important; background-position: 5px !important; background-repeat: no-repeat !important; }