TUTO SKINS

Centre d'Aide GuppY


PRÉSENTATION
SERVICES
JQUERY
EN VRAC
EXEMPLES
En ce moment...

 98840 visiteurs

 2 visiteurs en ligne

Le style des Mots-clés est dans ces lignes :

/******* Mots-clés ******/

ul.keyword {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}
ul.keyword li { /*chaque mot et la bulle qui apparaît au survol*/
    margin: 0;
    padding: 0 6px;
    background-color: inherit;
    color: #000;
    list-style: none;
    float: left;
    line-height: 2.0em;
    vertical-align: bottom;
}
ul.keyword li:hover { /*mot et bulle survolés*/
    background-color: inherit;
    color: #000;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.keyword a { /*lien*/
    color: #000;
}
ul.keyword ul {
    width: 180px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 75%;
    left: 0;
    z-index: 598;
}
ul.keyword-horizontal ul li *.dir {
    padding-right: 20px;
}
ul.keyword li:hover > ul {
    visibility: visible;
}
ul.keyword div { /*bulle*/
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #c0c0c0;
    padding: 4px 8px;
    line-height: 1.3em;
}

/*** taille des mots-clés selon qu'ils sont peu ou beaucoup utilisés ***/


.keyword0 { /* nombre d"occurrences nulle */
    font-size : 0.8em;
}
.keyword1 { /* entre 1 et 3 */
    font-size : 1.2em;
}
.keyword2 { /* entre 4 et 5 */
    font-size : 1.6em;
}
.keyword3 { /* plus de 5 */
    font-size : 2.0em;
}
/****************************************/

Mots-clés associés

Date de création : 18/08/2013 13:12
Page lue 1992 fois


Vous êtes ici :   Accueil » Mots-clés