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

 121885 visiteurs

 1 visiteur en ligne

  • Style.css
  • Personnalisation

Le style de la boîte Préférences est "dispersé" et comprend :

  • le titre de la boîte (.titrebox),
  • le corps (.tblbox), le texte (.box),
  • les champs pour s'identifier (input.texte),
  • le bouton (.button)

/*** boite PREFERENCES ***/
.titrebox { /*titre*/
  background: #000;
  color: #fff;
}
.tblbox { /*corps de la boite*/
  background: #000;
}
.box { /*texte de la boite*/
  color: #fff;
}
input.bouton, button { /* bouton */
    color: #fff;
    border: 1px solid #C0C0C0;
    background-color: #808080;
    font: 11px Arial, Helvetica, sans-serif;
}
input.texte { /* champ pour écrire le texte */
    background-color: #FFF;
    font: 11px Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #C00000;
    margin: 4px 0;
}

/***********************************************************/

La boîte Préférences est identifiée par .USRxx

Exemple avec Préférences dans la configuration principale (0) colonne latérale gauche (L), l'identification est : .USRL0 :

/*** boite PREFERENCES - configuration 0 - gauche ***/

.titrebox.TrUSRL0 { /*titre*/
  background: #000;
  color: #fff;
}
.tblbox.USRL0 { /*corps de la boite*/
  background: #000;
}
.USRL0 .box, .USRL0 a { /*texte de la boite et lien*/
  color: #fff;
}
.USRL0 input.bouton, .USRL0 button { /* bouton */
    color: #fff;
    border: 1px solid #C0C0C0;
    background-color: #808080;
    font: 11px Arial, Helvetica, sans-serif;
}
.USRL0 input.texte { /* champ pour écrire le texte */
    background-color: #FFF;
    font: 11px Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #C00000;
    margin: 4px 0;
}

/***********************************************************/

Mots-clés associés

Date de création : 19/07/2013 15:08
Dernière modification : 17/08/2013 14:16
Page lue 2803 fois


Vous êtes ici :   Accueil » Préférences