Changeset 33812 in spip-zone


Ignore:
Timestamp:
Dec 18, 2009, 3:14:57 PM (14 years ago)
Author:
brunobergot@…
Message:

Des "button" html pour les formulaires des crayons + mise à plat de la css du plugin

Location:
_plugins_/crayons
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • _plugins_/crayons/action/crayons_html.php

    r31408 r33812  
    325325        $html = '';
    326326        foreach ($boutons as $bnam => $bdef) if ($bdef) {
    327                 $html .= '<a class="crayon-' . $bnam .
    328                         '" title="' . $bdef[1] . '"';
    329                 if (!empty($bdef[2])) {
    330                         $html .= ' href="' . $bdef[2] . '"';
    331                 }
    332                 $html .= '><img src="' . $crayonsImgPath . '/' .
    333                         $bdef[0] . '.png" width="20" height="20" /></a>';
     327                $html .= '<button type="button" class="crayon-' . $bnam .
     328                        '" title="' . $bdef[1] . '">' . $bdef[1] . '</button>';
    334329        }
    335330

  • _plugins_/crayons/crayons.css

    r32274 r33812  
    1 em.crayon-img-changed {
    2         display: none;
    3 }
    4 .crayon-changed em.crayon-img-changed {
    5         display: block;
    6 }
    7 .crayon-changed em.crayon-crayon {
    8         display: none;
    9 }
    10 em.crayon-edit, em.crayon-crayon {
    11         display: none;
    12 }
    13 .crayon-boutons, .crayon-searching {
    14         float: right;
    15 }
    16 .crayon-boutons {
    17         width: 40px;
    18 }
    19 .crayon-boutons a {
    20         cursor: pointer;
    21 }
    22 .crayon-icones {
    23         float: right;
    24         width: 20px;
    25         text-align: right;
    26         position: relative;
    27         top:0; left:0;
    28         z-index:4999;
    29 }
    30 .crayon-icones span,.crayon-icones em {
    31         position:absolute;
    32         left:0px;
    33 }
    34 em.crayon-edit, em.crayon-crayon, em.crayon-img-changed {
    35         cursor: pointer;
    36         border:0;
    37 }
     1em.crayon-img-changed { display: none; }
     2.crayon-changed em.crayon-img-changed { display: block; }
     3.crayon-changed em.crayon-crayon { display: none; }
     4em.crayon-edit,
     5em.crayon-crayon { display: none; }
     6.crayon-boutons,
     7.crayon-searching { float: right; }
     8.crayon-boutons button { width: 20px; height: 20px; border: 0; text-indent: -3000em; cursor: pointer; }
     9.crayon-boutons .crayon-submit { background: transparent url(images/ok.png) left top no-repeat; }
     10.crayon-boutons .crayon-cancel { background: transparent url(images/cancel.png) left top no-repeat; }
     11.crayon-icones { float: right; width: 20px; text-align: right; position: relative; top:0; left:0; z-index:4999; }
     12.crayon-icones span,.crayon-icones em { position:absolute; left:0; }
     13em.crayon-edit,
     14em.crayon-crayon,
     15em.crayon-img-changed { cursor: pointer; border:0; }
    3816
    3917/* definition des icones */
    40 .crayon-icones em.crayon-crayon {
    41         background: url(images/crayon20.png) no-repeat;
    42         height: 20px;
    43         width: 20px;
    44 }
    45 .crayon-icones em.crayon-searching {
    46         background: url(images/searching.gif) no-repeat;
    47         height: 13px;
    48         width: 13px;
    49 }
    50 .crayon-icones em.crayon-edit {
    51         background: url(images/edit.png) no-repeat;
    52         height: 20px;
    53         width: 20px;
    54 }
    55 .crayon-icones em.crayon-img-changed {
    56         background: url(images/changed.png) no-repeat;
    57         height: 20px;
    58         width: 20px;
    59 }
     18.crayon-icones em.crayon-crayon { background: url(images/crayon20.png) no-repeat; height: 20px; width: 20px; }
     19.crayon-icones em.crayon-searching { background: url(images/searching.gif) no-repeat; height: 13px; width: 13px; }
     20.crayon-icones em.crayon-edit { background: url(images/edit.png) no-repeat; height: 20px; width: 20px; }
     21.crayon-icones em.crayon-img-changed { background: url(images/changed.png) no-repeat; height: 20px; width: 20px; }
    6022
     23.formulaire_crayon .crayon-active { padding: 1px; border: 1px inset; font: inherit; }
     24.crayon-html .formulaire_crayon { max-width: 703px; }
     25.crayon-html textarea { overflow: auto; font: inherit; }
     26.crayon-html { z-index:5000; }
     27.crayon-html .crayon-boutons { position:absolute; right:0px; }
    6128
    62 .formulaire_crayon .crayon-active {
    63         padding: 1px;
    64         border: 1px inset;
    65         font: inherit;
    66 }
    67 .crayon-html .formulaire_crayon {
    68         max-width: 703px;
    69 }
    70 .crayon-html textarea {
    71         overflow: auto;
    72         font: inherit;
    73 }
    74 .crayon-html {
    75         z-index:5000;
    76 }
    77 .crayon-html .crayon-boutons {
    78         position:absolute;
    79         right:0px;
    80 }
    81 
    82 .crayon-invalide {
    83         display: block;
    84         background-color: #ff8888;
    85         border: 1px dashed #ff0000;
    86  }
    87 .crayon-invalide p {
    88         margin:0;
    89         padding: 1%;
    90         font-style: italic;
    91         font-size: 80%;
    92  }
     29.crayon-invalide { display: block; background-color: #ff8888; border: 1px dashed #ff0000; }
     30.crayon-invalide p { margin:0; padding: 1%; font-style: italic; font-size: 80%; }
    9331/* resizer */
    94 .resizehandle {
    95         background:transparent url("images/resizer.png") no-repeat scroll 45%;
    96         cursor:ns-resize;
    97         font-size:0.1em;
    98 }
     32.resizehandle { background:transparent url("images/resizer.png") no-repeat scroll 45%; cursor:ns-resize; font-size:0.1em; }
Note: See TracChangeset for help on using the changeset viewer.