From dd5329b3d2e9d9bcdb9a5010cdf382af8f28f3c3 Mon Sep 17 00:00:00 2001 From: ARNO* <arno@rezo.net> Date: Thu, 15 May 2008 10:30:59 +0000 Subject: [PATCH] Modifs graphiques formulaires --- dist/formulaires/editer_article.html | 16 +++++++-------- dist/style_prive.html | 29 ++++++++++++++++++---------- dist/style_prive_defaut.css | 3 --- ecrire/inc/commencer_page.php | 18 ++++++++++++----- ecrire/inc/gadgets.php | 8 ++++---- 5 files changed, 44 insertions(+), 30 deletions(-) diff --git a/dist/formulaires/editer_article.html b/dist/formulaires/editer_article.html index 1f9c505dc1..9bf9bc5930 100644 --- a/dist/formulaires/editer_article.html +++ b/dist/formulaires/editer_article.html @@ -12,19 +12,19 @@ <ol class="formfx"> [(#ENV**{config}|table_valeur{articles_surtitre}|=={non}|?{#ENV**{surtitre,''},' '}|?{' '}) <li class="gauche"> - <label for="surtitre"><:texte_sur_titre:><em>#AIDER{arttitre}</em></label> + <label for="surtitre"><em>#AIDER{arttitre}</em><:texte_sur_titre:></label> <input type='text' name='surtitre' id='surtitre' class='forml' value="[(#ENV**{surtitre})]" /> [<span class='erreur'>(#ENV**{erreurs}|table_valeur{surtitre})</span>] </li>] <li class="gauche obligatoire"> - <label for="titre"><:info_titre:><em>#AIDER{arttitre}</em></label> + <label for="titre"><em>#AIDER{arttitre}</em><:info_titre:></label> <input type='text' name='titre' id='titre' class='formo' value="[(#ENV**{titre,#REM|concat{info_nouvel_article}|_T})]" [(#ENV{titre,''}|?{'',' '})onfocus="if(!antifocus){this.value='';antifocus=true;}"]/> [<span class='erreur'>(#ENV**{erreurs}|table_valeur{titre})</span>] </li> [(#ENV**{config}|table_valeur{articles_soustitre}|=={non}|?{#ENV**{soustitre,''},' '}|?{' '}) <li class="gauche"> - <label for="soustitre"><:texte_sous_titre:><em>#AIDER{arttitre}</em></label> + <label for="soustitre"><em>#AIDER{arttitre}</em><:texte_sous_titre:></label> <input type='text' name='soustitre' id='soustitre' class='forml' value="[(#ENV**{soustitre})]" /> [<span class='erreur'>(#ENV**{erreurs}|table_valeur{soustitre})</span>] </li>] @@ -34,7 +34,7 @@ [(#ENV**{config}|table_valeur{articles_descriptif}|=={non}|?{#ENV**{descriptif,''},' '}|?{' '}) <li class="haut"> - <label for="descriptif"><:texte_descriptif_rapide:><em>#AIDER{artdesc}</em></label> + <label for="descriptif"><em>#AIDER{artdesc}</em><:texte_descriptif_rapide:></label> <textarea name='descriptif' id='descriptif' class='forml' rows='2' cols='40'>[(#ENV**{descriptif})]</textarea> [<span class='erreur'>(#ENV**{erreurs}|table_valeur{desctiptif})</span>] </li>] @@ -43,10 +43,10 @@ <label for='virtuel'><:info_redirection:></label> <input type='text' name='virtuel' id='virtuel' class='forml' value="[(#ENV**{chapo}|replace{^=,''})]" /> <input type='hidden' name='changer_virtuel' value='oui' /> - <div class='commentaire_bas'><:texte_article_virtuel_reference:>#AIDER{artvirt}</div> + <div class='commentaire_bas'><em>#AIDER{artvirt}</em><:texte_article_virtuel_reference:></div> </li>] [<li class="haut">(#ENV**{chapo}|match{^=}|?{'',' '}) - <label for="chapo"><:info_chapeau:><em>#AIDER{arttitre}</em></label> + <label for="chapo"><em>#AIDER{arttitre}</em><:info_chapeau:></label> <textarea name='chapo' id='chapo' class='forml'[ rows='(#ENV**{config}|table_valeur{lignes})'] cols='40'>[(#ENV**{chapo})]</textarea> [<span class='erreur'>(#ENV**{erreurs}|table_valeur{chapo})</span>] </li>] @@ -68,9 +68,9 @@ </fieldset></li>] [(#ENV**{config}|table_valeur{articles_texte}|=={non}|?{#ENV**{texte,''},' '}|?{' '}) <li class="haut"> - <label for="text_area"><:info_texte:><em>#AIDER{arttexte}</em></label> + <label for="text_area"><em>#AIDER{arttexte}</em><:info_texte:></label> [(#ENV**{_texte_trop_long,''})] - <div class="commentaire"><:texte_enrichir_mise_a_jour:><em>#AIDER{raccourcis}</em></div> + <div class="commentaire"><em>#AIDER{raccourcis}</em><:texte_enrichir_mise_a_jour:></div> [(#ENV**{config}|table_valeur{afficher_barre}|?{#VAL{text_area}|barre_typo{#LANG}})] <textarea name='texte' id='text_area' class='formo barre_inserer' rows='[(#ENV**{config}|table_valeur{lignes}|plus{2})]' cols='40'[ (#ENV**{browser_caret,''})]>[(#ENV**{texte})]</textarea> diff --git a/dist/style_prive.html b/dist/style_prive.html index 45e3ce31d6..2f1e696901 100644 --- a/dist/style_prive.html +++ b/dist/style_prive.html @@ -129,10 +129,19 @@ ol.formfx .commentaire_bas{ float: #GET{left}; margin-#GET{left}: -20px; } +ol.formfx li textarea { + padding: 7px; + font-family: verdana, arial, sans; + font-size: 12px; + line-height: 1.3em; +} ol.formfx li.obligatoire label { font-weight: bold; } - +ol.formfx li label em { + float: #GET{right}; + padding-#GET{right}: 5px; +} ol.formfx li.gauche { position: relative; clear: #GET{left}; @@ -148,10 +157,10 @@ ol.formfx li.gauche label { display: block; width: 110px; - background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|image_sepia{#ENV{couleur_foncee,3874b0}}|extraire_attribut{src})]) center [(#GET{right})] no-repeat; + background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|image_sepia{#ENV{couleur_claire,3874b0}}|extraire_attribut{src})]) center [(#GET{right})] no-repeat; font-size: 9px; - color: white; + color: #[(#GET{foncee}|couleur_foncer)]; line-height: 11px; text-transform: uppercase; font-family: verdana, arial, helvetica, sans; @@ -162,7 +171,8 @@ ol.formfx li.gauche label { padding-right: 5px; } ol.formfx li.gauche.obligatoire label { - background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|image_sepia{#666666}|extraire_attribut{src})]) center [(#GET{right})] no-repeat; + background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|image_sepia{#555555}|extraire_attribut{src})]) center [(#GET{right})] no-repeat; + color: white; } ol.formfx li.gauche input, ol.formfx li.gauche textarea { margin-top: -1.9em; @@ -197,23 +207,22 @@ ol.formfx li.haut label { padding-bottom: 9px; padding-left: 5px; padding-right: 5px; - background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|image_sepia{#ENV{couleur_foncee,3874b0}}|extraire_attribut{src})]) bottom [(#GET{left})] no-repeat; + background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|image_sepia{#ENV{couleur_claire,3874b0}}|extraire_attribut{src})]) bottom [(#GET{left})] no-repeat; + color: #[(#GET{foncee}|couleur_foncer)]; } ol.formfx li.haut.obligatoire label { background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|image_sepia{#666666}|extraire_attribut{src})]) bottom [(#GET{left})] no-repeat; + color: white; } ol.formfx fieldset { margin-top: 7px; border: 1px solid #GET{foncee}; padding-top: 2px; - margin-left: 9px; padding: 10px; padding-top: 5px; } ol.formfx fieldset legend { - clear: #GET{left}; - margin-#GET{left}: -20px; background: url([(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|image_sepia{#ENV{couleur_foncee,3874b0}}|extraire_attribut{src})]) bottom [(#GET{left})] no-repeat; @@ -285,7 +294,7 @@ select.fondl { padding: 0; } #bandeau_couleur1 .menu-item { width: 230px; text-align: #ENV{ltr}} #bandeau_couleur3 .menu-item { width: 150px; text-align: #GET{right}} #bandeau_couleur4 .menu-item { width: 68px; margin: 0 5px; text-align: #GET{right}; } -#bandeau_couleur4 .menu-item a {font-weight:normal;} +#bandeau_couleur4 .menu-item a {font-weight:normal; color: black;} #bandeau_couleur5 .menu-item { width: 114px; } #bandeau_couleur6 .menu-item { width: 32px; } @@ -302,7 +311,7 @@ select.fondl { padding: 0; } /* .bandeau_sec .gauche { margin-top: 0; padding: 2px; padding-top: 0; background-color: #FFF; border-bottom: 1px solid #000; border-#GET{left}: 1px solid #000; border-#GET{right}: 1px solid #000; z-index: 100; } */ /* .bandeau-icones.separateur { vertical-align: middle; height: 100%; width: 11px; margin: 0; padding: 0; background: url(#EVAL{ _DIR_IMG_PACK}wrapper.php?file=tirets-separation.gif); background-position: 5px 0px; } */ .bandeau_couleur { padding-#GET{right}: 4px; padding-#GET{left}: 4px; font-family: verdana, helvetica, arial, sans; font-size: 11px; color: #000; text-align: center; font-weight: bold; height: 22px; } -.bandeau_couleur_sous { position: absolute; visibility: hidden; top: 0; background-color: #GET{claire}; color: #000; padding: 5px; padding-top: 2px; font-family: verdana, helvetica, arial, sans; font-size: 11px; border-bottom: 1px solid #FFF; border-#GET{right}: 1px solid #FFF; } +.bandeau_couleur_sous { position: absolute; visibility: hidden; top: 0; background-color: #GET{claire}; color: #000; padding: 5px; padding-top: 2px; font-family: verdana, helvetica, arial, sans; font-size: 11px; } a.lien_sous { color: #666; } a.lien_sous:hover { color: #000; } diff --git a/dist/style_prive_defaut.css b/dist/style_prive_defaut.css index 28e78133ac..b9c16f2722 100644 --- a/dist/style_prive_defaut.css +++ b/dist/style_prive_defaut.css @@ -8,9 +8,6 @@ body { border: 0; } /* .bandeau_sec .gauche { margin-top: 0; padding: 2px; padding-top: 0; background-color: #FFF; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; z-index: 100; } */ /* .bandeau-icones .separateur { vertical-align: middle; height: 100%; width: 11px; margin: 0; padding: 0; background-position: 5px 0px; } */ -.bandeau_couleur { padding-right: 4px; padding-left: 4px; font-family: verdana, helvetica, arial, sans; font-size: 11px; color: #000; text-align: center; font-weight: bold; height: 22px; } -.bandeau_couleur_sous { position: absolute; visibility: hidden; top: 0; color: #000; padding: 5px; padding-top: 2px; font-family: verdana, helvetica, arial, sans; font-size: 11px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; } - a.lien_sous { color: #666; } a.lien_sous:hover { color: #000; } diff --git a/ecrire/inc/commencer_page.php b/ecrire/inc/commencer_page.php index 7aea18580f..52d3cea6d3 100644 --- a/ecrire/inc/commencer_page.php +++ b/ecrire/inc/commencer_page.php @@ -154,12 +154,20 @@ function init_body($rubrique='accueil', $sous_rubrique='accueil', $id_rubrique=' // Choix de la couleur $res .= "</div></li>"; */ - $res .= "<li id='bandeau_couleur4' class='bandeau_couleur'><div class='menu-item'>" + $res .= "<li id='bandeau_couleur4' class='bandeau_couleur'><div class='menu-item'>"; + + // couleurs + $couleurs = charger_fonction('couleurs', 'inc'); + $res .= "<div id='preferences_couleurs' title='" . attribut_html(_T('titre_changer_couleur_interface')) . "'>"; + $res .= $couleurs() . "</div>"; + + //. $couleurs() - . "<a href='#' onmouseover=\"changestyle('bandeauinterface');\" title=\"$i\" onfocus=\"changestyle('bandeauinterface');\" onblur=\"changestyle('bandeauinterface');\">" - . _L('Préférences') - . "</a>" - . "</div></li>"; +// . "<a href='#' onmouseover=\"changestyle('bandeauinterface');\" title=\"$i\" onfocus=\"changestyle('bandeauinterface');\" onblur=\"changestyle('bandeauinterface');\">" +// . _L('Affichage') +// . "</a>"; + + $res .= "</div></li>"; // choix de la langue if ($i = menu_langues('var_lang_ecrire')) { diff --git a/ecrire/inc/gadgets.php b/ecrire/inc/gadgets.php index dfcd499c0e..18fc1eb54c 100644 --- a/ecrire/inc/gadgets.php +++ b/ecrire/inc/gadgets.php @@ -116,12 +116,12 @@ function bandeau_gadgets($largeur, $options, $id_rubrique) { $decal = 0; $decal = $decal + 150; - $bandeau .= "\n<div id='bandeauinterface' class='bandeau bandeau_couleur_sous' style='$spip_lang_right: ".$decal."px; text-align: $spip_lang_right;'>"; + $bandeau .= "\n<div id='bandeauinterface' class='bandeau bandeau_couleur_sous' style='$spip_lang_right: ".$decal."px; text-align: $spip_lang_right; white-space: nowrap;'>"; // couleurs - $couleurs = charger_fonction('couleurs', 'inc'); - $bandeau .= "<div id='preferences_couleurs' title='" . attribut_html(_T('titre_changer_couleur_interface')) . "'>"; - $bandeau .= $couleurs() . "</div>"; +// $couleurs = charger_fonction('couleurs', 'inc'); +// $bandeau .= "<div id='preferences_couleurs' title='" . attribut_html(_T('titre_changer_couleur_interface')) . "'>"; +// $bandeau .= $couleurs() . "</div>"; // menu $bandeau .= "\n<div id='preferences_map'><map name='map_layout' id='map_layout'>" -- GitLab