Barre de recherche

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de recherche

Message par few201 Mer 14 Mar 2012 - 21:33

Bonjour ,

comment je peu faire pour changer l'apparence de la barre de recherche sur un forum version phpbb3 et la mettre vers le haut a droite svp ? d'avance merci !

Barre de recherche 266335question







Dernière édition par few201 le Jeu 15 Mar 2012 - 13:43, édité 1 fois
avatar

few201
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2012

http://cell.taguilde.net/
few201 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par Dr. Karlos Mer 14 Mar 2012 - 22:08

Bonsoir,

La couleur de fond de la boîte de recherche se modifie à l'aide de ce code à insérer dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS);
Code:
#search-box #keywords {
background-color: #couleur;
}

La boîte de recherche avec ce code:
Code:
#search-box input {
}

Pour obtenir une meilleure aide, il va falloir être plus précis. Wink Que désirez-vous exactement faire?

Où exactement désirez-vous placer la barre de recherche?


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par few201 Mer 14 Mar 2012 - 22:45

Merci pour la couleur déjà, pour le fond de la boite sa marche super

pour la boite de recherche je met la couleur ou svp ?

#search-box input {
}

j'aimerais faire un truc dans ce style ...

Barre de recherche 828695Sanstitre

Merci !
avatar

few201
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2012

http://cell.taguilde.net/
few201 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par Dr. Karlos Mer 14 Mar 2012 - 23:01

Bonsoir,

Pour placer l'engrenage, ajoutez ce code à votre CSS:
Code:
input.search {
background: url(http://www.probikeshop.fr/images/design/icone_engrenage.png) no-repeat top left;
background-position: 158px;
}

Les arrondis et l'agrandissement de la largeur de la boîte peuvent être faits à l'aide de ce code:
Code:
#search-box #keywords {
width: 160px;
height: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

Le positionnement se fait avec ce code:
Code:
#search-box {
float: right;
margin-right: -160px;
margin-top: -220px;
white-space: nowrap;
}
Il est possible que vous ayez à modifier le -160px et le -220px pour ajuster la barre.

Et finalement, la couleur de fond du bouton "rechercher" se fait avec ce code:
Code:
#search-box input.button2 {
background-image: none;
background-color: #couleur;}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par few201 Jeu 15 Mar 2012 - 10:52

super un grand grand merci a toi tout marche nikel !!!

Juste encore une petit question comment peut on changer la couleur de la police de ces 2 boutons ...

Car quand je met le fond blanc l’écriture est blanche aussi ... du coup blanc sur blanc on ne sais rien lire et je ne trouve pas comment changer !!

merci encore pour le reste !!!
avatar

few201
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2012

http://cell.taguilde.net/
few201 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par Dr. Karlos Jeu 15 Mar 2012 - 12:32

Re,

À l'aide de ce code, c'est faisable:
Code:
#search-box #keywords {
color: #couleur;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par few201 Jeu 15 Mar 2012 - 13:42

merci beaucoup sa marche nikel !!!
avatar

few201
Nouveau membre

Messages : 4
Inscrit(e) le : 14/03/2012

http://cell.taguilde.net/
few201 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum