Post to Facebook
Tweet about this
Share at LinkedIn
Invite participants
Reference this page
Bernard - 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 - Bernard :
oui ces bouton là... mais pour mettre un bouton aqua, je dois mettre une image, c'est pas possible alors?
Bernard - 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 :
- fabrication des boutons sous forme d'images, et placement dans le répertoire 'images' du skin
- modification du fichier
skin.phppour déclarer des constantes (à déterminer) pointant vers les images
- modification des formulaires de YACS pour utiliser ces constantes lorsqu'elles existent et ainsi, générer des "boutons à images"
J'ai rajouté les points 2 et 3 dans la to-do list...
Bernard - 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 :
- envoi des données
- confirmation d'effacement
- aperçu (de commentaire)
En aurais-je oublié ?
Macnana - 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...
Tof - 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 :
print ' < input type="submit" id="monId" value=" " > ';
le css :
input#monId {
border: none;
background: transparent url(images/monImage.gif) no-repeat;
}
Tof
Christophe Battarel - Société altairis -
Bernard - 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 - 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 - 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 - Bernard :
Pff! j'ai pas réussi à mettre l'imae dan sma réponse donc je les ai mises à la queue des autres.
Bernard - 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...
Moi-meme - Infos : des dizaines de méthodes pour styler des boutons, en CSS
Je ne m'attarde pas, j'ai mon yacs en double file...
Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |
Bernard - 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... Bernard - 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 - 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 :D
Bernard - 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.
