[Résolu] Comment changer la taille des boutons des menus

Plus d'informations
23 Juil 2014 20:25 - 24 Juil 2014 11:13 #7 par dams37200
Réponse de dams37200 sur le sujet Comment changer la taille des boutons des menus

failrOn écrit: Bonsoir,

Tu peux t'aider de firebug sous firefox pour voir les propriétés CSS appliquées à un élément et les modifiées à la volée pour voir ce que cela change.



Je viens de jeter un coup d'oeil ...
Pour éditer, rien de spécial a faire, mise à part .... Éditer ?...?

Parce que j'ai essayer (vite fait) mais rien ne change :(



Je regarderai sa de plus prêt, demain matin

Donc, concernant les menus, j'ai sa :
Code:
<!DOCTYPE html> <html class="firefox firefox30 desktop" lang="fr-fr" dir="ltr" slick-uniqueid="3"> <head> <body style="-moz-user-select: none;"> <div id="art-main"> <div class="art-sheet clearfix"> <header class="art-header"> <nav class="art-nav desktop-nav"> <a class="art-menu-btn" href="#"> <ul class="art-hmenu"> <li class="item-179"> <li class="item-210 current active"> <li class="item-212"> <li class="item-213"> <li class="item-214"> <a href="/index.php/sansreponse">Pas de réponse</a> </li> <li class="item-215"> <li class="item-217"> <li class="item-218"> <li class="item-219"> <li class="item-222"> </ul> </nav> <div class="art-layout-wrapper"> <footer class="art-footer"> </div> </div> <b style="position: fixed; top: 20px; left: 10px; opacity: 0.85; background: none repeat scroll 0% 0% DimGray; font-size: 10px;"></b> <div id="mbOverlay" style="display: none; opacity: 0;"></div> <div id="mbCenter" style="display: none; left: 675px;"> <div id="art-resp"> <div style="background: none repeat scroll 0% 0% rgb(234, 234, 234); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); padding: 6px; border-radius: 2px; border: 2px solid rgb(102, 153, 204); color: rgb(0, 0, 0); font-family: Verdana,sans-serif; font-size: 11px; position: absolute; z-index: 1000; max-width: 600px; visibility: hidden;"></div> <div id="warlc-progressbox" style="display: none;"> <div id="multilinks-links-container" style="position: absolute; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 1350px; height: 3940px; z-index: 30000;"></div> <div id="multilinks-selection-container" style="position: absolute; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 1350px; height: 3940px; z-index: 30001;"></div> </body> </html>

J'ai essayer de modifier cette ligne, mais rien : <b style="position: fixed; top: 20px; left: 10px; opacity: 0.85; background: none repeat scroll 0% 0% DimGray; font-size: 10px;"></b>

Et étrangement (car je viens de le remarquer en collant le code) je ne vois pas ces 2 lignes dans firebug : <div id="multilinks-links-container" style="position: absolute; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 1350px; height: 3940px; z-index: 30000;"></div>
<div id="multilinks-selection-container" style="position: absolute; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 1350px; height: 3940px; z-index: 30001;"></div>
Dernière édition: 24 Juil 2014 11:13 par dams37200.

Veuillez vous connecter ou vous enregistrer pour rejoindre la conversation.

Plus d'informations
27 Juil 2014 18:25 #8 par dams37200
Réponse de dams37200 sur le sujet Comment changer la taille des boutons des menus
Hello !!

désoler pour le double post, mais je remonte le sujet, au cas ou mon édition du précédant commentaire n'ai pas était remarquer :blush:

Veuillez vous connecter ou vous enregistrer pour rejoindre la conversation.

Plus d'informations
28 Juil 2014 23:18 #9 par failrOn
Réponse de failrOn sur le sujet Comment changer la taille des boutons des menus
Je suis allé sur ton site pour voir ce que cela donne, j'ai pas tous les onglets qui s'affichent comme je ne suis pas connecté mais déjà ce que tu peux faire :

dans le fichier à la ligne 623 tonsite.com/templates/forumamisvert/css/template.css tu as ça :
Code:
ul.art-hmenu > li > a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top , #526d89 0px, #2a3846 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #5f7081 #5f7081 -moz-use-text-color; border-image: none; border-radius: 12px 0 0; border-style: solid solid none; border-width: 1px 1px medium; color: #ffffff; cursor: pointer; display: block; height: 24px; line-height: 24px; margin: 0 auto; padding: 0 8px; position: relative; text-align: center; text-decoration: none; }

Change cette ligne padding: 0 8px; par exemple essaie padding: 0 6px; avec ça, ça réduira un peu
Pour soutenir le projet Kunena : soutenir via le système de sponsor de github

Veuillez vous connecter ou vous enregistrer pour rejoindre la conversation.

Plus d'informations
29 Juil 2014 15:12 #10 par dams37200
Réponse de dams37200 sur le sujet Comment changer la taille des boutons des menus

failrOn écrit: Je suis allé sur ton site pour voir ce que cela donne, j'ai pas tous les onglets qui s'affichent comme je ne suis pas connecté mais déjà ce que tu peux faire :

dans le fichier à la ligne 623 tonsite.com/templates/forumamisvert/css/template.css tu as ça :

Code:
ul.art-hmenu > li > a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top , #526d89 0px, #2a3846 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #5f7081 #5f7081 -moz-use-text-color; border-image: none; border-radius: 12px 0 0; border-style: solid solid none; border-width: 1px 1px medium; color: #ffffff; cursor: pointer; display: block; height: 24px; line-height: 24px; margin: 0 auto; padding: 0 8px; position: relative; text-align: center; text-decoration: none; }

Change cette ligne padding: 0 8px; par exemple essaie padding: 0 6px; avec ça, ça réduira un peu



J'aimerais bien suivre ton conseil, seulement ...
Lorsque je recherche :
- "ul.art-hmenu > li > a {" : aucuns résultats
- "ul.art-hmenu > li > a" : aucuns résultats
- "ul.art-hmenu > li" : aucuns résultats
- "ul.art-hmenu" : plusieurs résultats, mais pas ce que je recherche
- "moz-border-bottom-colors" : aucuns résultats
- "moz" : plusieurs résultats, mais pas ce que je recherche
- "padding: 0 8px;" : plusieurs résultats, mais pas ce que je recherche

Rechercher grâce au numéro de la ligne, je veut bien aussi ... Mais je fait comment ?? Quel logiciel doit-je utiliser ?
Car je ne me vois pas compter jusqu'a la 623ième ligne ^^

Par avance, merci

Veuillez vous connecter ou vous enregistrer pour rejoindre la conversation.

Plus d'informations
29 Juil 2014 19:47 #11 par failrOn
Réponse de failrOn sur le sujet Comment changer la taille des boutons des menus
Tu peux utiliser un éditeur avancé comme celui-ci : www.pspad.com/fr/download.php
Pour soutenir le projet Kunena : soutenir via le système de sponsor de github

Veuillez vous connecter ou vous enregistrer pour rejoindre la conversation.

Plus d'informations
30 Juil 2014 10:27 - 30 Juil 2014 10:29 #12 par dams37200
Réponse de dams37200 sur le sujet Comment changer la taille des boutons des menus

failrOn écrit: Tu peux utiliser un éditeur avancé comme celui-ci : www.pspad.com/fr/download.php



Installer, mais ...
Aucuns résultats pour "ul.art-hmenu > li > a" :woohoo:

En même temps, si je ne l'ai pas trouver dans le bloc texte, je pense que ce sera pareil avec ce logiciel ...
Je pense donc qu'il est inutile que je recherche les autres "mots clé"

Chose à part, j'ai trouver la 623ième ligne ...
Sauf que, a moins que j'ai des problèmes de vue (ce qui n'est pas le cas)
Je vois sa :
Code:
ul.art-hmenu>li>a { background: #3F5369; background: linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; background: -webkit-linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; background: -moz-linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; background: -o-linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; background: -ms-linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; background: linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; -svg-background: linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat; -webkit-border-radius: 12px 0 0; -moz-border-radius: 12px 0 0; border-radius: 12px 0 0; border: 1px solid #5F7081; border-bottom: none; padding: 0 8px; margin: 0 auto; position: relative; display: block; height: 24px; cursor: pointer; text-decoration: none; color: #FFFFFF; line-height: 24px; text-align: center; }

Ce qui est loin d'être identique à ce que tu m'a envoyer.
Du coup, j'ose pas y toucher.
Dernière édition: 30 Juil 2014 10:29 par dams37200.

Veuillez vous connecter ou vous enregistrer pour rejoindre la conversation.

Modérateurs: lavsteph, serge
Temps de génération de la page : 1.107 secondes
Propulsé par Kunena