TUTO SKINS

Centre d'Aide GuppY


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

 105479 visiteurs

 2 visiteurs en ligne

  • Style.css
  • Personnalisation

Il existe 3 sortes de boîtes Recherche :

  • la boîte complète (dans les colonnes latérales uniquement)
  • la boîte simple avec la fonction de recherche avancée (colonnes latérales et partie centrale)
  • la boîte simple (en partie centrale uniquement)

/*** boîtes RECHERCHE ***/


.thinboxsearch { /*complète - latérale*/
    background-color: #fff;
    text-align: center;
}
.wideboxsearch { /*simple - principale*/
    background-color: #808080;
    text-align: center;
}
.thinboxsearch1 { /*simplifiée et avancée - latérale*/
    background-color: #c00000;
    text-align: center;
}
.wideboxsearch1 { /*simplifiée et avancée - principale*/
    background-color: #1e8fff;
    padding-bottom: 8px;
    margin: auto;
    text-align: center;
    width: 172px;
}

.thinboxsearch2 { /*partie de la recherche avancée dépliée - latérale*/
    background-color: #c00000;
    text-align: center;
}
.wideboxsearch2 { /*partie de la recherche avancée dépliée - principale*/
    background: #ffcc00;
    padding-bottom: 8px;
    margin: -10px auto auto;
    text-align: center;
    width: 172px;
}
/************************************/

/*** boite RECHERCHE COMPLÈTE - configuration 0 - gauche ***/

.titrebox.TrTSL0 { /*titre*/
  background: #000;
  color: #fff;
}
.tblbox.TSL0 { /*corps de la boite*/
  background: #000;
}
.TSL0 input.texte { /*texte de la recherche*/
  background: #fff;
}
.TSL0 select { /*sélection optionnelle*/
  background: #fff;
}

/*** boite RECHERCHE avec recherche avancée - configuration 0 - gauche ***/

.tblbox.SCHL0 { /*corps de la boite*/
  background: #000;
}
.SCHL0 .box, .SCHL0 a { /*texte de la boite et lien*/
  color: #fff;
}
.SCHL0 input.texte { /*espace pour écrire la recherche*/
  background: #fff;
}
.SCHL0 select { /*sélection*/
  background: #fff;
}

/*** boite RECHERCHE avec recherche avancée - configuration 0 - entête ***/

.WS1T0 form { /*corps de la boite*/
  background: #000;
}
.WS1T0 .box, .WS1T0 a { /*texte de la boite et lien*/
  color: #fff;
}
.WS1T0 input.texte { /*espace pour écrire la recherche*/
  background: #fff;
  color: #c00000;
}
.WS1T0 select { /*sélection*/
  background: #fff;
}

/*** boite RECHERCHE simple - configuration 0 - pied de page ***/

.WSB0 { /*corps de la boite*/
  background: #000;
}
.WSB0 input.texte { /*espace pour écrire la recherche*/
  background: #fff;
  color: #c00000;
}

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

Mots-clés associés

Date de création : 17/08/2013 20:46
Dernière modification : 17/08/2013 21:11
Page lue 1913 fois


Vous êtes ici :   Accueil » Recherche