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

 122287 visiteurs

 4 visiteurs 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 2782 fois


Vous êtes ici :   Accueil » Lettre d'information