Dotclear


Ignore:
Timestamp:
10/28/13 22:06:53 (12 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
2.6
Message:

Précisions sur les onglets (vrais et faux)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • admin/_charte.php

    r2392 r2501  
    115115                    <h3 id="onglets">Onglets</h3> 
    116116                    <p>Les descriptions des constructions en multi-colonnes ci-dessous présentent un exemple de répartition en onglets.</p> 
     117                    <p>Chacun de ces onglets doit être défini à l'aide d'une <code>&lt;div class="multi-part"&gt;</code>. Ils seront alors automatiquement présentés sous forme d'onglets.</p> 
    117118 
    118119                    <h3 id="multi-colonnage">Multi-colonnage</h3> 
     
    336337                         <p>Les pseudo-onglets permettent d'ajouter des sous-pages qui sont des liens vers d'autres pages, par opposition aux onglets qui sont des sections internes à la page.</p> 
    337338                         <p>Les pseudo-onglets sont à positionner immédiatement après le breadcrumb (ici un hr simule le trait sous le breadcrumb).</p> 
     339                         <p>Ces pseudo-onglets doivent être définis avec un <code>&lt;ul class="pseudo-tabs"&gt;</code> et des <code>&lt;li&gt;</code>.</p> 
    338340                         <hr style="margin-bottom: .75em;" /> 
    339341                         <ul class="pseudo-tabs"> 
     
    548550 
    549551                    <h2 id="iconset">Icônes</h2> 
    550                     <p>Les icônes utilisées dans l'administration sont présentes en deux formats&nbsp; 64*64px pour les grandes  
    551                     (qui sont affichées sur le tableau de bord si la page correspondante est choisie en favori par l'utilisateur) et  
     552                    <p>Les icônes utilisées dans l'administration sont présentes en deux formats&nbsp; 64*64px pour les grandes 
     553                    (qui sont affichées sur le tableau de bord si la page correspondante est choisie en favori par l'utilisateur) et 
    552554                    16*16px pour les petits formats.</p> 
    553                     <p>La plupart sont dérivées de la fonte d'icônes <a href="http://www.elegantthemes.com/blog/resources/elegant-icon-font">Elegant Font</a>. Les autres sont des images vectorielles réalisées  
     555                    <p>La plupart sont dérivées de la fonte d'icônes <a href="http://www.elegantthemes.com/blog/resources/elegant-icon-font">Elegant Font</a>. Les autres sont des images vectorielles réalisées 
    554556                    par la DC Team. Nous les avons nommées <em>Traviata</em>. La palette de couleurs utilisée est la suivante&nbsp;:</p> 
    555557                    <p class="txt-center"><img src="images/palette-traviata.png" alt="palette des couleurs utilisées pour les icônes" /></p> 
    556                     <p class="txt-center">Bleu&nbsp;: #137bbb - Vert&nbsp;: #9ac123 - Rouge&nbsp;: #c44d58 - Bleu ciel&nbsp;: #a2cbe9 - Gris clair&nbsp;: #ececec -  
     558                    <p class="txt-center">Bleu&nbsp;: #137bbb - Vert&nbsp;: #9ac123 - Rouge&nbsp;: #c44d58 - Bleu ciel&nbsp;: #a2cbe9 - Gris clair&nbsp;: #ececec - 
    557559                    Gris moyen&nbsp;: #b2b2b2 - Gris foncé&nbsp;: #676e78.</p> 
    558560               </div><!-- /content --> 
Note: See TracChangeset for help on using the changeset viewer.

Sites map