Ignore:
Timestamp:
Jun 17, 2013, 12:52:14 AM (11 years ago)
Author:
mistic100
Message:

use sprites, update admin page

File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/bbcode_bar/template/bbcode_bar_admin.tpl

    r14525 r23278  
    1 {html_head}{literal}
    2 <style type="text/css">
    3   form.properties span.property {
    4     width:55%;
    5     font-weight:normal;
    6   }
    7 </style>
    8 {/literal}{/html_head}
     1{html_style}{literal}
     2.miuIcon a {
     3  display:inline-block;
     4  width:16px;
     5  height:16px;
     6  padding:2px;
     7  text-decoration:none;
     8  background-color:rgba(241,241,241,0.9);
     9  border-radius:2px;
     10}
     11{/literal}{/html_style}
     12
     13{combine_css path=$BBCODE_PATH|@cat:"template/markitup/style.markitup.css"}
    914
    1015<div class="titrePage">
    … …  
    1520  <fieldset>
    1621    <legend>{'Available options'|@translate}</legend>
    17     <ul>
    18       <li>
    19         <label><span class="property">{'Bold : [b]bold[/b]'|@translate}</span>
    20         <input type="checkbox" name="b" {$B_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/bold.png"></label>
    21       </li>
    22       <li>
    23         <label><span class="property">{'Italic : [i]italic[/i]'|@translate}</span>
    24         <input type="checkbox" name="i" {$I_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/italic.png"></label>
    25       </li>
    26       <li>
    27         <label><span class="property">{'Underline : [u]underline[/u]'|@translate}</span>
    28         <input type="checkbox" name="u" {$U_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/underline.png"></label>
    29       </li>     
    30       <li>
    31         <label><span class="property">{'Striped  : [s]striped[/s]'|@translate}</span>
    32         <input type="checkbox" name="s" {$S_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/stroke.png"></label>
    33       </li>
    34       <li>
    35         <label><span class="property">{'Paragraph : [p]Paragraph[/p]'|@translate}</span>
    36         <input type="checkbox" name="p" {$P_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/p.png"></label>
    37       </li>
    38       <li>
    39         <label><span class="property">{'Center : [center]center[/center]'|@translate}</span>
    40         <input type="checkbox" name="center" {$CENTER_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/center.png"></label>
    41       </li>
    42       <li>
    43         <label><span class="property">{'Right : [right]right[/right]'|@translate}</span>
    44         <input type="checkbox" name="right" {$RIGHT_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/right.png"></label>
    45       </li>
    46       <li>
    47         <label><span class="property">{'Quote : [quote]quote[/quote]'|@translate}</span>
    48         <input type="checkbox" name="quote" {$QUOTE_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/quote.png"></label>
    49       </li>
    50       <li>
    51         <label><span class="property">{'Unordered list : [ul][li]element[/li][/ul]'|@translate}</span>
    52         <input type="checkbox" name="ul" {$UL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/list-bullet.png"></label>
    53       </li>
    54       <li>
    55         <label><span class="property">{'Ordered list : [ol][li]element[/li][/ol]'|@translate}</span>
    56         <input type="checkbox" name="ol" {$OL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/list-numeric.png"></label>
    57       </li>
    58       <li>
    59         <label><span class="property">{'Picture : [img]picture[/img]'|@translate}</span>
    60         <input type="checkbox" name="img" {$IMG_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/picture.png"></label>
    61       </li>
    62       <li>
    63         <label><span class="property">{'URL : [url=URL]Title[/url]'|@translate}</span>
    64         <input type="checkbox" name="url" {$URL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/link.png"></label>
    65       </li>
    66       <li>
    67         <label><span class="property">{'E-mail : [email]Email[/email]'|@translate}</span>
    68         <input type="checkbox" name="email" {$EMAIL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/mail.png"></label>
    69       </li>
    70       <li>
    71         <label><span class="property">{'Font size : [size=X]text[/size]'|@translate}</span>
    72         <input type="checkbox" name="size" {$SIZE_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/fonts.png"></label>
    73       </li>
    74       <li>
    75         <label><span class="property">{'Font color : [color=color]text[/color]'|@translate}</span>
    76         <input type="checkbox" name="color" {$COLOR_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/colors.png"></label>
    77       </li>
     22    <ul class="markItUp">
     23      <li><label>
     24        <span class="miuIcon miuBold"><a>&nbsp;</a></span>
     25        <input type="checkbox" name="b" {$B_STATUS} value="1"/>
     26        {'Bold : [b]bold[/b]'|@translate}
     27      </label></li>
     28      <li><label>
     29        <span class="miuIcon miuItalic"><a>&nbsp;</a></span>
     30        <input type="checkbox" name="i" {$I_STATUS} value="1"/>
     31        {'Italic : [i]italic[/i]'|@translate}
     32      </label></li>
     33      <li><label>
     34        <span class="miuIcon miuUnderline"><a>&nbsp;</a></span>
     35        <input type="checkbox" name="u" {$U_STATUS} value="1"/>
     36        {'Underline : [u]underline[/u]'|@translate}
     37      </label></li>     
     38      <li><label>
     39        <span class="miuIcon miuStroke"><a>&nbsp;</a></span>
     40        <input type="checkbox" name="s" {$S_STATUS} value="1"/>
     41        {'Striped  : [s]striped[/s]'|@translate}
     42      </label></li>
     43      <li><label>
     44        <span class="miuIcon miuParagraph"><a>&nbsp;</a></span>
     45        <input type="checkbox" name="p" {$P_STATUS} value="1"/>
     46        {'Paragraph : [p]Paragraph[/p]'|@translate}
     47      </label></li>
     48      <li><label>
     49        <span class="miuIcon miuCenter"><a>&nbsp;</a></span>
     50        <input type="checkbox" name="center" {$CENTER_STATUS} value="1"/>
     51        {'Center : [center]center[/center]'|@translate}
     52      </label></li>
     53      <li><label>
     54        <span class="miuIcon miuRight"><a>&nbsp;</a></span>
     55        <input type="checkbox" name="right" {$RIGHT_STATUS} value="1"/>
     56        {'Right : [right]right[/right]'|@translate}
     57      </label></li>
     58      <li><label>
     59        <span class="miuIcon miuQuote"><a>&nbsp;</a></span>
     60        <input type="checkbox" name="quote" {$QUOTE_STATUS} value="1"/>
     61        {'Quote : [quote]quote[/quote]'|@translate}
     62      </label></li>
     63      <li><label>
     64        <span class="miuIcon miuListUL"><a>&nbsp;</a></span>
     65        <input type="checkbox" name="ul" {$UL_STATUS} value="1"/>
     66        {'Unordered list : [ul][li]element[/li][/ul]'|@translate}
     67      </label></li>
     68      <li><label>
     69        <span class="miuIcon miuListOL"><a>&nbsp;</a></span>
     70        <input type="checkbox" name="ol" {$OL_STATUS} value="1"/>
     71        {'Ordered list : [ol][li]element[/li][/ol]'|@translate}
     72      </label></li>
     73      <li><label>
     74        <span class="miuIcon miuPicture"><a>&nbsp;</a></span>
     75        <input type="checkbox" name="img" {$IMG_STATUS} value="1"/>
     76        {'Picture : [img]picture[/img]'|@translate}
     77      </label></li>
     78      <li><label>
     79        <span class="miuIcon miuLink"><a>&nbsp;</a></span>
     80        <input type="checkbox" name="url" {$URL_STATUS} value="1"/>
     81        {'URL : [url=URL]Title[/url]'|@translate}
     82      </label></li>
     83      <li><label>
     84        <span class="miuIcon miuMail"><a>&nbsp;</a></span>
     85        <input type="checkbox" name="email" {$EMAIL_STATUS} value="1"/>
     86        {'E-mail : [email]Email[/email]'|@translate}
     87      </label></li>
     88      <li><label>
     89        <span class="miuIcon miuSize"><a>&nbsp;</a></span>
     90        <input type="checkbox" name="size" {$SIZE_STATUS} value="1"/>
     91        {'Font size : [size=X]text[/size]'|@translate}
     92      </label></li>
     93      <li><label>
     94        <span class="miuIcon miuColors"><a>&nbsp;</a></span>
     95        <input type="checkbox" name="color" {$COLOR_STATUS} value="1"/>
     96        {'Font color : [color=color]text[/color]'|@translate}
     97      </label></li>
    7898    </ul>
    7999  </fieldset>
    80100 
    81   <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p>
     101  <p class="formButtons"><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p>
    82102</form>
Note: See TracChangeset for help on using the changeset viewer.