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...

 121884 visiteurs

 1 visiteur 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 2615 fois


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