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

 121884 visiteurs

 1 visiteur 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 2375 fois


Vous êtes ici :   Accueil » Recherche