TUTO SKINS

Centre d'Aide GuppY


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

 104719 visiteurs

 1 visiteur en ligne

  • Style.css
  • Personnalisation

Le style de la boîte Lettre d'information 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 LETTRE D'INFORMATION ***/
.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 Lettre d'information est identifiée par .NWLxx

Exemple avec Lettre d'information dans la configuration principale (0) colonne latérale gauche (L), l'identification est : .NWLL0 :

/*** boite LETTRE D'INFORMATION - configuration 0 - gauche ***/

.titrebox.TrNWLL0 { /*titre*/
  background: #000;
  color: #fff;
}
.tblbox.NWLL0 { /*corps de la boite*/
  background: #000;
}
.NWLL0 .box, .NWLL0 a { /*texte de la boite et lien*/
  color: #fff;
}
.NWLL0 input.bouton, .NWLL0 button { /* bouton */
    color: #fff;
    border: 1px solid #C0C0C0;
    background-color: #808080;
    font: 11px Arial, Helvetica, sans-serif;
}
.NWLL0 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 15:04
Page lue 2276 fois


Vous êtes ici :   Accueil » Lettre d'information