Barre de recherche

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

Résolu Barre de recherche

Message par few201 le 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 !









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

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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par few201 le 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 ...



Merci !

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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par few201 le 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 !!!

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 le Jeu 15 Mar 2012 - 12:32

Re,

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


Cordialement.

Dr. Karlos
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de recherche

Message par few201 le Jeu 15 Mar 2012 - 13:42

merci beaucoup sa marche nikel !!!

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


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