TUTO SKINS

Centre d'Aide GuppY


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

 103430 visiteurs

 2 visiteurs 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 2235 fois


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