Ok
En tout cas il est génial, je kiff trop

Si des choses te dérangent, j'peux toujours te le modifier. Vu qu'il est TRES personnalisé... ^^

Kikaha, comment j'enlève la flèche du select ? Et le fond des <option> ?

tu met un background transparent ce devrait marcher, et pour le fond tu ajoute une class perso et tu la style

J'sais pas choco.

Pour virer le background des options, faut faire select, select option (je te laisse le soin de personnaliser le select :flm:) {background: transparent !important;}
mais malheureusement ça donne au fond la couleur de fond du bloc dans lequel est le select, et pas une transparence de type "opacity:0" (genre : on voit pas ce qui a derrière quoi)

Pour la flèche je ne sais pas non plus j'suis même pas sûr que ce soit possible.
Je ne me suis jamais vraiment penché là dessus je dois dire. :/

| Ecrit par « Chocolayte », 3 novembre 2012 à 12:52:43
| « Si des choses te dérangent, j'peux toujours te le modifier. Vu qu'il est TRES personnalisé... ^^ »

Bah j'aime comme c'est la

Mais est-ce que se serait possible de remplacer le smiley par sa:
http://farm1.static.flickr.com/101/297488607_2ecf0ce955.jpg
En gris comme sa l'est actuellement. Je me suis dit que sa pourrai faire bien, après faut voir...

Quand je procède à l'inspection de l'élément #recherche_forum select, je tombe sur un
-webkit-appearance: menulist;
-webkit-rtl-ordering: logical;
J'les connais pas donc j'me demandais si ça venait de là. A moins que ce soit vraiment pas personnalisable du tout. Mais y'a aucun background qui traîne.

Quant aux options de recherche, un color: red fonctionne, mais j'peux ni mettre un background none transparent, ni régler l'opacité. Le fond reste blanc. Comment on rajoute une class perso ?

Ça Titoucap, c'est plus de l'infographie que codage. Le fond personnalisé est celui-ci :

Tu peux le changer/demander à ce qu'on te le change avec photoshop, mais personnellement, j'suis mauvais. J'ai utilisé des tutoriels pour le faire, mais ça date. :o

Ok pas grave, c'est déjà très bien comme sa, c'était juste pour savoir comment sa pourrait rendre

Pour la class perso oublie, faut le faire en js.

Rajouter une classe = javascript

-webkit-appearance: menulist;
-webkit-rtl-ordering: logical;
Si je ne m'abuse, ça concerne pas ça mais plutôt l'ordre d'affichage et l'aspect des choix en eux-mêmes (menulist = tous sur le même niveau je crois, chais pas)

Comme je te dis, pour le background: red; ça marche parce que tu donnes un fond aux options, mais en fait tu as un fond au select, donc quand tu mets transparent aux options, tu vois le fond du select (qui est blanc par défaut).

Ouais, on oublie le js.

C'est l'appearance qui m'intriguait.
Oui Kika, j'viens de m'en apercevoir. Pour ça que j'ai aussi essayé

1. recherche_forum select, #recherche_forum select option {

background: transparent !important; }
Mais si le option n'a plus de fond, le select conserve quand même son backgrounnd. none transparent rgba(x,x,x,.1), rien n'y fait. Y'a donc aucune solution ?

Moi j'en vois pas en tous cas. :/

Comment tu fais pour changer l'aspect de la flèche du select déjà ?
J'ai résolu mon problème de recherche au mauvais endroit.
Enfin...
C'est sûr que ça pouvait pas marcher si mon #rech avait display:none

" Comment tu fais pour changer l'aspect de la flèche du select déjà ? "
Pfff, j'en sais rien.
J'ai vu un mec qui voulait faire la même chose, mais ça parlait de javascript.

Pourtant tu l'as bien fait.

fuuuu le OK j'arrive pas à le chopper je sais jamais où il est c'est horriiible

input#rech_valid me semble

J'arrivais pas à le trouver, chaque fois il disparaissait (vu qu'on ne le voit que quand on passe la souris dessus).
En plus, à cause d'un left:472px de jvc, il était carrément hors de ma page.

Enfin, je suis très content de comment ça a tourné, le skin que j'avais commençait à se faire vieux et certaines choses n'étaient plus parfaites, là ça lui fait un bon coup de dépoussiérage, et c'est top.

J'ai un dernier problème.

J'essaye de changer le bouton valider pour la recherche mais je capte pas comment faire.
J'ai mis :

1. submit {

background: url(http://image.noelshack.com/fichiers/2012/44/1351951393-recherche-bt-valider.png) no-repeat !important;
}

(je suis sûr qu'à tout les coups c'est tout simple mais bon .... )

Quand tu veux changer une image, le plus simple et qui marche toujours, c'est ça :
*[src="L IMAGE A CHANGER"] {
width: 0 !important;
height: 0 !important;
padding-left:Xpx !important;
padding-top: Ypx !important;
background: url(NOUVELLE IMAGE) no-repeat !important;
}
où X et Y sont la largeur et la hauteur de la nouvelle image.

note que tu peux remplacer le * par un img, ou un input dans ton cas, si tu veux être spécifique.

Merci pour l'astuce, ça marche impec. :p

1. submit img[src="http://image.jeuxvideo.com/pics/recherche_bt_valider.gif"] { } si tu comprends pas Tiger. Me semble que c'est ça.

" Pourtant tu l'as bien fait " Nop