Changeset 5226 in spip-zone


Ignore:
Timestamp:
Sep 9, 2006, 11:58:37 PM (15 years ago)
Author:
romy@…
Message:

Modification du menu de navigation latéral par rubriques (c'est encore très laid, mais ça fonctionne)

Location:
_squelettes_/spip-net-fantastik
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/spip-net-fantastik/article.html

    r5009 r5226  
    8282                [(#REM) Menu de navigation laterale ]
    8383                <div id="navigation">
    84 
    8584                        <INCLURE{fond=inc-download}>
    8685                        <INCLURE{fond=inc-rubriques}{id_rubrique}{id_article}>
    87 
    88                         [(#REM) Articles dans la meme rubrique ]
    89                         <B_articles_rubrique>
    90                         <div class="memrub">
    91                                 <h2 class="menu-titre"><a href="#URL_RUBRIQUE"><:meme_rubrique:></a></h2>
    92                                 <ul>
    93                                         <BOUCLE_articles_rubrique(ARTICLES){id_rubrique} {par titre}{!par date}>
    94                                         <li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
    95                                         </BOUCLE_articles_rubrique>
    96                                 </ul>
    97                         </div>
    98                         </B_articles_rubrique>
    99 
    10086                        <a href="#SQUELETTE" rel="nofollow" class="voirskel"><:voir_squelette:></a>
    101 
    10287                </div><!-- fin navigation -->
    10388
  • _squelettes_/spip-net-fantastik/habillage.css

    r5023 r5226  
    218218/*  Habillage general des menus de navigation
    219219---------------------------------------------- */
    220 .rubriques, .memrub, .sousrub, .syndic, .page_recherche .groupe_mot {
     220.rubriques, .sousrub, .syndic, .page_recherche .groupe_mot {
    221221        min-width: 10em;
    222222        margin-bottom: 1em;
     
    234234/*  Des couleurs specifiques selon les types de menus
    235235---------------------------------------------- */
    236 .rubriques {
    237         border: none;
    238         /*background: #B5E192;
    239         -moz-border-radius-bottomleft: 1em; -moz-border-radius-topleft: 1em;*/
    240 }
    241 
    242 .rubriques h2 {
    243         display: none;
    244 }
    245 
     236.rubriques h2 { display: none; }
     237
     238.rubriques li {
     239        background: #75507b;
     240        margin-bottom: 1px;
     241        text-transform: uppercase;
     242}
    246243.rubriques li a {
    247244        display: block;
    248         background: #75507b;
    249         margin-bottom: 1px;
    250245        padding: 0.2em 0.7em;
    251         text-transform: uppercase;
    252 }
    253 
    254 .rubriques li a em {
    255         text-transform: lowercase;
    256         font-style: normal;
    257         font-weight: normal;
    258 }
    259 
    260 .rubriques li a {
    261246        color: #FFF;
    262247}
    263 
    264 .rubriques ul ul {
    265         border: none;
    266 }
    267 
    268 .rubriques li li a {
     248.rubriques li li {
    269249        background: #ad7fa8;
     250        padding-top: 4px; padding-bottom: 4px;
    270251        border-left: 5px solid #75507b;
    271         padding: 4px 10px;
    272         border-bottom: 1px solid #CEBCCF;
    273         border-right: 1px solid #CEBCCF;
    274252        text-transform: none;
    275253}
     
    279257}
    280258
    281 .memrub {
    282         background: #ad7fa8;
    283         border: 1px solid #CCC;
    284 }
    285 
    286 .memrub .menu-titre {
    287         /*background: #239406; -moz-border-radius-topleft: 1em;*/
    288         display: block;
    289         background: #FEFEFE url(0002.gif) right bottom no-repeat;
    290         min-height: 26px;
    291         padding: 8px 30px 8px 8px;
    292         font-weight: bold;
    293 }
    294 
    295 .memrub li {
     259.rubriques .memrub { padding: 0; font-size: 0.9em; }
     260.rubriques .memrub li {
    296261        list-style: square inside;
    297         padding: 0.2em 0.7em;
    298 }
    299 
    300 .memrub, .memrub * {
     262        padding: 0.2em 0.7em; margin: 0;
     263}
     264.rubriques li .memrub li { border-left: none; }
     265.rubriques .memrub li a { display: inline; padding: 0; }
     266.rubriques .memrub * {
    301267        color: #75507b !important;
    302268}
    303 
    304 .memrub a:hover {
     269.rubriques .memrub a:hover {
    305270        text-decoration: underline;
    306271}
    307272
    308 .memrub .menu-titre a {
    309         color: #babdb6;
    310 }
    311273
    312274.sousrub {
  • _squelettes_/spip-net-fantastik/inc-rubriques.html

    r4999 r5226  
    3333<BOUCLE_rubriques(RUBRIQUES){lang}{racine}{id_rubrique!=4}{id_rubrique!=324}>
    3434
    35 <h2 class="menu-titre"><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a></h2>
     35<h2 class="menu-titre"><a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></h2>
    3636
    3737<B_sousrub><ul>
     
    3939<li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a>
    4040
    41 <BOUCLE_test_expose(RUBRIQUES){id_rubrique}>#EXPOSE{' '}</BOUCLE_test_expose>
    42 <B_articles><ul style="font-size: 11px;" class="invisible">
    43 <BOUCLE_articles(ARTICLES){id_rubrique} {par titre}{!par date}>
    44 <li># <a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
     41<B_articles><ul class="memrub">
     42<BOUCLE_articles(ARTICLES){id_rubrique}{id_rubrique=#ENV{id_rubrique}} {par titre}{!par date}>
     43<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a></li>
    4544</BOUCLE_articles>
    4645</ul></B_articles>
    47 </B_test_expose>
    4846
    4947<BOUCLE_re(BOUCLE_sousrub)></BOUCLE_re>
Note: See TracChangeset for help on using the changeset viewer.