En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.

TUTO SKINS

Centre d'Aide GuppY


PRÉSENTATION

SERVICES

JQUERY

EN VRAC

EXEMPLES

En ce moment...

 129857 visiteurs

 2 visiteurs en ligne

Mots-clés

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 2768 fois


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