By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.

SKINS TUTO

GuppY Help Center


PRESENTATION
BOXES
SERVICES
JQUERY
BULK
EXAMPLES
Currently...

 122200 visitors

 5 visitors online

  • 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;
}

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

Associated keywords

Creation date : 19/07/2013 15:08
Last update : 17/08/2013 15:04
Page read 2779 times


You are here :   Home » Newsletter