Recent files
changer les boutons
par des boutons aqua
j'aimerais changer les boutons mais je ne les ai pas trouvés dans le dossier image ou icons, j'en déduis qu'il ne sont peut-être pas "physiques" mais plutôt "dessinés par du code" 
j'ai bon? (j'espère pas
)
J'aimerais en fait, remplacer les boutons (un peu trop windowsien à mon gout par un bouton type aqua - donc forcément une image)
je voudrais savoir si c'est faisable, relativement facilement ou il vaut mieux que je me contente de mes boutons en attendant que les filles me laisse suffisament de temps pour étudier les bases du php et autres css
merci
Nath
j'ai bon? (j'espère pas
)J'aimerais en fait, remplacer les boutons (un peu trop windowsien à mon gout par un bouton type aqua - donc forcément une image)
je voudrais savoir si c'est faisable, relativement facilement ou il vaut mieux que je me contente de mes boutons en attendant que les filles me laisse suffisament de temps pour étudier les bases du php et autres css
merci
Nath
Comments
Bernard from nearby-an-airport Associate, 6581 posts |
De quels boutons parlons-nous ? S'il s'agit des boutons en bas de formulaires, il s'agit effectivement de bêtes <input type="submit" /> modifiables par CSS.
|
Macnana 329 posts |
Bernard : oui ces bouton là... mais pour mettre un bouton aqua, je dois mettre une image, c'est pas possible alors? |
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana: Il semble que la solution ne soit pas évidente, mais on devrait pouvoir le faire malgré tout, en remplaçant le type des boutons "submit" en "image". Le cheminement serait le suivant :
J'ai rajouté les points 2 et 3 dans la to-do list... |
| Bernard from nearby-an-airport Associate, 6581 posts |
Les premiers tests sont encourageants, tant soit Firefox que sous IE7 
|
| Macnana 329 posts |
Bernard : Merci  si je peux aider en quoi que ce soit? |
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana: J'ai l'impression qu'il n'y aurait pas tant de boutons que ça à préparer, au moins pour les formulaires standards. Du genre :
En aurais-je oublié ? |
| Macnana 329 posts |
Bernard :
|
| Macnana 329 posts |
Bernard : Comment tu colles une image dans un commentaire? du coup, j'ai mis les images dans le;post d'origine réponse de Bernard: En indiquant les codes des images ajoutées au post principal, comme ça Bon c'est vrai qu'il faudrait faire plus simple...
Edited by Bernard on Jan. 25 2007 |
| Tof from Grenoble-Chambery 474 posts |
Il me semble que c'est faisable en css sans trop toucher au code (il suffit que les boutons aient un id pour les différencier). exemple : le php : le css :
input#monId {
border: none;
background: transparent url(images/monImage.gif) no-repeat;
}
Tof |
| Bernard from nearby-an-airport Associate, 6581 posts |
En fait, ton besoin va au-delà de quelques boutons fixes. Il vaudrait donc mieux raisonner directement pour le cas général, comme le suggère Tof. Pourrais-tu préparer une image aqua sans texte du tout, et me l'envoyer pour essais s'il te plait ? |
| Macnana 329 posts |
Bernard :
il faut juste un bouton ? ou il vaut mieux le couper en 3 (comme pour les boites de droites sur ce style?) le brod gauche, le bord droit et le milieu pour agrandir ou rétrécir le bouton (type bouton de confirmation : très long) ? |
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana: A priori, avec le CSS, deux parties suffiraient. Un début de bouton, soit la partie gauche et courte. Une suite de bouton, soit la partie droite et longue. C'est, en tout cas, une façon de faire assez commune dans YACS, par exemple pour les onglets en haut de page, les en-têtes de boîtes gadgets, etc. |
| Macnana 329 posts |
Bernard : Pff! j'ai pas réussi à mettre l'imae dan sma réponse donc je les ai mises à la queue des autres. |
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana: Parfait, je vais me débrouiller. Et puis, dans une prochaine version, on pourra ajouter des images et des fichiers directement dans les commentaires, promis... Merci pour les apports... |
| Macnana 329 posts |
Bernard : merci à la yacs team
|
Moi-meme from Entre chaise et clavier... 1386 posts |
Infos : des dizaines de méthodes pour styler des boutons, en CSS
|
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana : pourrais-tu s'il te plait reprendre l'image que je viens de poster, aqua_button.png, ou en faire une autre équivalente, avec le noir de fond qui soit sélectionné comme couleur de transparence ? Merci par avance...
|
| Macnana 329 posts |
Bernard : voilà c'est fait! |
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana: merci beaucoup... En 7.2 tu pourras skinner les barres de menu (comme ici avec le nouveau skin du site), et tous les boutons en bas de formulaires ont été remplacés par des balises HTML <button> qui sont, semble-t-il, plus faciles à styler que le "traditionnel" <input type="submit"> utilisé depuis l'origine du web et Mosaic...
|
| Macnana 329 posts |
Bernard : comme, je suis assez douée dans le genre gourde, peux-tu mexpliquer ta dernière intervention, ce en quoi ça va m'aider à mettre mes boutons "images" ?? merci
|
| Bernard from nearby-an-airport Associate, 6581 posts |
Macnana: ben, je ne suis pas particulièrement doué pour le graphique et le CSS, mais, en gros, l'idée c'est que pour beaucoup de rendus il faut deux images de fond : une en haut à gauche, et l'autre en bas à droite. En combinant les deux, on obtient des boutons arrondis et de taille variable. YACS permet de faire ceci en combinant une balise button (image 1) et une balise span (image 2) pour chaque bouton. Ceci n'était pas possible avec l'ancienne façon de faire, basée sur des input antédiluvien.
|
Reply
Quote
21 comments · 
Add a comment
Rate this page
Posted by Macnana on Jan. 19 2007, commented by Bernard on Mar. 22 2007, (popular)
