Changeset 649 in spip-zone


Ignore:
Timestamp:
Aug 2, 2005, 12:03:32 AM (15 years ago)
Author:
fil@…
Message:

selecteur de couleur

Location:
_squelettes_/sedna
Files:
4 edited
1 moved

Legend:

Unmodified
Added
Removed
  • _squelettes_/sedna/sedna.css

    r645 r649  
    1212                font-weight: bold;
    1313                border-bottom: thin solid #cccccc;
    14                 background: transparent url(sedna.gif);
    1514                font-size: 100%;
    1615        }
     
    2019                color: white;
    2120                border-top-color: #4c4c4c;
    22         }
    23 
    24         h2.site {
    25                 background: transparent url(sedna.gif);
    26         }
    27         h2.sitesel {
    28                 background: #004080;
    2921        }
    3022
     
    8173                padding: .1em 1em;
    8274                color: white;
    83                 background: transparent url(sedna.gif);
    8475                height: 30px;
    8576                font: bold small 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
     
    131122        /* liens de la marge, survol */
    132123        div.marge a:hover {
    133                 background-color: #4280eb;
    134124                color: #ffffff;
    135125                font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
    136                 font-weight: bolder;
     126/*              font-weight: bolder; */
    137127        }
    138128
    139129        /* liens de la marge, selectionnes */
    140130        div.marge a.selected {
    141                 background-color: #004080;
    142131                border-left: 3px solid #324C48;
    143132                color: #e6e6e6;
     
    196185                padding: .1em 1em;
    197186                color: white;
    198                 background: transparent url(sedna.gif);
    199187                font: bold small 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
    200188        }
  • _squelettes_/sedna/sedna.html

    r645 r649  
    1616<link rel="icon" type="image/png" href="sedna-icon.png" />
    1717<link href="sedna.css" rel="stylesheet" type="text/css" />
     18
     19<?php
     20                # couleur               # hover         # selected
     21        $couleurs = array (
     22                'pink'  => array('#c363a7','#ff33ff'),
     23                'red'   => array('#ff3333','#cc3333'),
     24                'orange'=> array('#ff9966','#ff6633'),
     25                'cyan'  => array('#4280eb','#004080'),
     26                'blue'  => array('#6666ff','#3333ff')
     27        );
     28
     29        if ($var_color) {
     30                spip_setcookie('sedna_color', $var_color, time()+365*24*3600);
     31                $_COOKIE['sedna_color'] = $var_color;
     32        }
     33
     34        if (!$couleurs[$a = $_COOKIE['sedna_color']]) $a = 'blue';
     35        list($b,$c) = $couleurs[$a];
     36?>
     37<style type="text/css">
     38        h2 {
     39                background: transparent url(sedna-<?php echo $a; ?>.gif);
     40        }
     41        div.top {
     42                background: transparent url(sedna-<?php echo $a; ?>.gif);
     43        }
     44        div.bottom {
     45                background: transparent url(sedna-<?php echo $a; ?>.gif);
     46        }
     47        div.marge a:hover {
     48                background-color: <?php echo $b; ?>;
     49        }
     50        div.marge a.selected {
     51                background-color: <?php echo $c; ?>;
     52        }
     53</style>
     54
    1855<script type="text/javascript" src="sedna.js"></script>
    1956</head>
     
    5289<ul>
    5390        <li><a href="[(#SELF|parametre_url{age,''})]"
    54         class="[(#ENV{age}|=={''}|?{'',''})]"><:date_aujourdhui|ucfirst:></a></li>
     91        class="[(#ENV{age}|=={''}|?{'selected',''})]"><:date_aujourdhui|ucfirst:></a></li>
    5592        <li><a href="[(#SELF|parametre_url{age,2})]"
    5693        class="[(#ENV{age}|=={2}|?{'selected',''})]"><:sedna_deuxjours:></a></li>
     
    126163
    127164<?php } ?>
     165
     166[(#REM) Selecteur de couleur ]
     167<ul>
     168<li>
     169<?php
     170        foreach ($couleurs as $nom => $valeurs) {
     171                echo "<a class='normal' href='./?var_color=$nom'
     172                style='display:inline; background-color: ".$valeurs[1].";'
     173                >&nbsp;&nbsp;</a> ";
     174        }
     175?>
     176</li>
     177</ul>
     178
    128179
    129180
  • _squelettes_/sedna/sedna.js

    r647 r649  
    6565                }
    6666        }
    67 }
    68 
    69 /* ne sert plus : changer de couleur quand on clique */
    70 function highlight_site(id) {
    71         var i,d,a,c;
    72 
    73         c = 'site'+id+'_';
    74         d = document.getElementsByTagName("h2");
    75         for(i=0; (a = d[i]); i++) {
    76                 if (a.id.substr(0,c.length) == c) {
    77                         a.className = 'sitesel';
    78                 } else {
    79                         a.className = 'site';
    80                 }
    81         }
    82 
    8367}
    8468
  • _squelettes_/sedna/sedna.php

    r646 r649  
    9494                // Suite intertitres
    9595                if ($affdate OR ($id_syndic != $ex_syndic)) {
    96                         echo "<h2 class='site' id='site${id_syndic}_".(++$id)."'
     96                        echo "<h2 id='site${id_syndic}_".(++$id)."'
    9797                        onmouseover=\"getElementById('url".$id."').className='urlsiteon';\"
    9898                        onmouseout=\"getElementById('url".$id."').className='urlsite';\"
Note: See TracChangeset for help on using the changeset viewer.