Un petit nouveau Yacs, en ce début d'année

le site d'un resto sympa

Sur la demande d'amis restaurateurs, je leur ai confectionné (aux petits oignons

) un petit site de présentation de leur établissement : Au Rince Cochon. Skin dérivé de Yordpress, normalement compatible avec Mozilla, Opéra, IE7. Merci de me faire part de vos observations.

ThierryP from Nice, Drap Associate, 1215 posts	on Jan. 14 Et bien ma fois c'est très jolie tout ça Comme tu vas surement le demander, pour rendre les boutons compatibles avec Yacs 7.12 : Edite ta feuille de style yordpress comme ceci : Cherche la ligne ".big { /* bigger than default, but smaller than .huge -- ... /" (ligne 733) et en dessous (après l'accolade } insert ces lignes : #main_panel a.button { / a link that mimic a form button -- [button]url[/button], [button=label]url[/button] / display: -moz-inline-box; / mandatory for firefox 2 / display: inline-block; cursor: pointer; border: none; font-size: 0; font-style: normal; text-decoration: none; color: #2e523b; line-height: 0; background: transparent url('images/button_drop.png') 0 0 no-repeat; height: 30px; margin: 0 6px 0 0; padding: 0 10px 0 0; vertical-align: middle; } #main_panel a.button span { display: inline-block; cursor: pointer; border: none; font-family: "Arial" !important; font-size: 12px !important; font-style: normal; white-space: nowrap; letter-spacing: 0 !important; color: #222; line-height: 16px; background: transparent url('images/button_drop.png') 100% 0 no-repeat; height: 30px; margin: 0 -16px 0 10px; padding: 8px 20px 0 10px; vertical-align: middle; } #main_panel span.button { / a button in a form / display: -moz-inline-box; / mandatory for firefox 2 / display: inline-block; cursor: pointer; border: none; font-size: 0; font-style: normal; text-decoration: none; color: #2e523b; line-height: 0; background: transparent url('images/button_drop.png') 0 0 no-repeat; height: 30px; margin: 0 6px 0 0; padding: 0 10px 0 0; vertical-align: middle; } #main_panel span.button button { display: -moz-inline-box; display: inline-block; cursor: pointer; border: none; font-family: "Arial" !important; font-size: 14px !important; font-style: normal; white-space: nowrap; letter-spacing: 0 !important; color: #222; line-height: 2em; /Higt value for Opera 9.0 compatibility*/ background: transparent url('images/button_drop.png') 100% 0 no-repeat; height: 30px; margin: 0 -16px 0 10px; padding: 0 20px 0 10px; vertical-align: text-top; } #main_panel a.button:hover, #main_panel span.button:hover { background-position:0 -60px; color:#fff; text-decoration:none; } #main_panel a.button:hover span, #main_panel span.button:hover button { background-position:100% -60px; color:#fff; } #main_panel a.button:active span, #main_panel span.button:focus button { color:#444; } Il te faut aussi le dessin du bouton, a retrouver ici : file-716-button-drop.gif SEO et webmastering VDP-Digital - Skins pour Yacs : Yordpress
Daniel46 38 posts	inspired from ThierryP on Jan. 14 ThierryP : " Et bien ma fois c'est très jolie tout ça Comme tu vas surement le demander, pour rendre les boutons compatibles avec Yacs 7.12 : Edite ta feuille de style yordpress comme ceci : Cherche la ligne ".big { /* bigger than default, but smaller than .huge -- ... /" (ligne 733) et en dessous (après l'accolade } insert ces lignes : " Merci beaucoup, je n'en attendais pas tant au sujet des boutons à modifier. Une petite remarque cependant, dans les lignes contenant images/button_drop.png il faut bien entendu remplacer button_drop.png par button-drop.gif* si on place cette image, comme tu le recommandes à la fin de ton post (IE7 pas trop compatible avec les transparence png), comme l'avait fait remarqué Macnana ici Reste le "méchant" bouton pour l'envoi des recherches, pour éviter ça, j'ai mis en commentaire dans le skin `.button { /* a link that mimic a form button -- [button]url[/button], [button=label]url[/button] / / border-color: #dcdcdc #696969 #696969 #dcdcdc; / / border-style: solid; border-width: 2px; text-align: center; padding: 4px; line-height: 2em; */ }` c'est un peu plus fin.Merci
ThierryP from Nice, Drap Associate, 1215 posts	on Jan. 14 Mais avec plaisir Oui effectivement je suis aller un peu vite et oublié de modifier le renvoi au .gif pour le bouton (sûr que sinon, ça ne risque pas de marcher ) Pour le méchant "button" j'ai été plus violent que toi : J'ai purement et simplement supprimé cette référence du .css SEO et webmastering VDP-Digital - Skins pour Yacs : Yordpress
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2029 posts	on Jan. 16 Ce premier site de l'année fait plaisir à voir (on en saliverai, si si). Merci Agnès Il n'y a pas de problèmes, que des solutions.
Daniel46 38 posts	inspired from Agnès on Jan. 16 Agnès : Merci pour ce commentaire "alléchant".
ThierryP from Nice, Drap Associate, 1215 posts	on Jan. 16 Ahhhh... Je promet j'ai essayé de ne pas poster, mais c'est plus fort que moi... Balise H1 ! Ne pas mettre bonjour (sauf si tu veux que ce site soit référencé dans la thématique bonjour) Préfère plutôt le "Bienvenue au Rince Cochon" en début de texte d'intro. (Encore mieux : "Bienvenue au restaurant Rince Cochon") Ah, et puis tant que j'y suis, sur le .css, #footer_panel (ligne 281 ou pas très loin) Modifie le font-size de x-small à 8pt ça assurera un meilleur rendu sur IE6 sans perturber les autres navigateurs... (c'est intégré dans Yordpress 5.2 ) SEO et webmastering VDP-Digital - Annuaire Internet et Informatique : Annuaire informatique et multimédia
Daniel46 38 posts	inspired from ThierryP on Jan. 16 ThierryP :Ahhhh... Je promet j'ai essayé de ne pas poster, mais c'est plus fort que moi... Ou y'a de la gêne, y'a pas de plaisir, pour les bons conseils, je suis preneur, aussitôt dit aussitôt fait. Merci