Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] harmoniser les boutons accueil et contact avec le bouton commentaire
  • Cette discussion a été créée à partir de commentaires séparés de : [EN COURS] Thème NULLIFIED - Comment le modifier ?.
  • Bonjour, je voudrais harmoniser les boutons accueil et contact avec le bouton commentaire, c'est presque fait, mais je n'arrive pas à mettre le texte du bouton commentaire(taille et grosseur) identique à celui des boutons accueil et contact. Le thème est nullified.

    http://greffes.over-blog.com

  • Bonjour,

    Petit passage rapide (je repasserai d'ici +/- 1 heure)

    Je te propose un "tour de passe-passe" :

    Ajoute #page strong à la suite de #menu a
    (Attention, pas oublier d'ajouter la virgule après  #menu a)
    pour avoir :

            #menu a,
    #page strong  /*bouton de commentaire*/ {
                    color: #854646;   /* couleur texte menu */
                    padding: 0px 8px;
                    text-decoration: none;
                    -webkit-transition: all 0.2s ease 0s;
                    -moz-transition: all 0.2s ease 0s;
                    -ms-transition: all 0.2s ease 0s;
                     -o-transition: all 0.2s ease 0s;
                      transition: all 0.2s ease 0s;
                     border-radius:4px; border:2px solid #00FF99;
                }


    plus bas dans le css ajoute dans un premier temps /* et */ autour du code #page strong
    comme ceci :

    /* #page strong {    /*bouton de commentaire*/
                    color: #854646;
                    background : transparent;   
                    border-radius:4px; border:2px solid #00FF99; 
                    text-shadow: 0 1px 1px rgba(0,0,0,0.8);
                    font-family: 'comic', sans-serif;
                    font-size: 1em;
                } */

    Ces "signes" vont faire que ton navigateur ne va pas "voir" (interpréter) ce code, il va passer à la ligne suivante.
    Je fais ça juste "au cas où" (j'ai pas vérifié si tu risquais des changements autre part), de la sorte au besoin il sera facile de revenir à l'ancienne situation.

    Si plus tard il s’avère que c'est parfait et qu'il ne faut pas revenir en arrière, tu pourra carrément effacer toute cette partie de code (y compris les /*  */ que je viens de te proposer d'ajouter) pour plus de clarté dans le css ;)
  • Vger TeyeME, j'ai fait la manip, mais c'est pas encore ça me semble-t'il.
  • Mmffmmff, en effet il reste une différence :(

    Reviens à l'ancienne configuration (donc retire les changements) ... vais réfléchir à autre chose (je garanti pas pour ce soir [ça doit-être un truc tout "con" pourtant :-? ])
  • Vger TeyeME, Ok, merci. Bonne soirée.
  • Bon, déjà une correction à faire :

                #menu a:hover,
                .current_page_item a {
                    background: 
                }

    Ajouter
                #menu a:hover,
                .current_page_item a {
                    background: transparent;
                }

    Ça change rien à ta question, mais ça corrige une erreur...
    Je regarde si j'en vois pas d'autre, sinon tout changements (en dessous/après d'une erreur) risque de ne pas être pris en compte ...
  • Une deuxième :
    body {
                    color:  ;

    manque une couleur

    Par exemple #000 ou #000000

    ( color: #000000; )

    Soit supprimer le color:; 
  • Idem :
     #logo a {
                    color:    /* couleur texte titre blog */
  • ici, supprimer (puisque les lignes sont reprises juste en dessous)

     #search input.form-text {
                    padding: 0px 42px 8px 12px;
                    width: 120px;
                    border: 0px;
                    background-color: ;
                    background-image: url();
                    background-repeat: no-repeat;
                    background-position: right -3px;
                    background:  url(http://assets.over-blog-kiwi.com/themes/29/images/search.gif)no-repeat right -3px;
                    border-radius:4px; border:2px solid #00FF99; 
                    color: #000;
                    font-size: 14px;
                }
  • la suite :
     #wrapper{
                    background: ;
                }


    (supprimer)
  • Bon j'en vois plus, mais je fais une pose (à force de fixer je risque de passer à côté d'autres)... corrige toujours tout ça (ça aidera déjà à y voir plus clair)
  • Vger TeyeME, C'est fait. Merci beaucoup. A+
  • Bernard :
    Parfait pour la correction ;)
    Par contre je viens encore de passer une heure (ajouter des lignes css, corriger, tester) et je suis toujours dans le mur :@) ( J'ai jamais eu un css qui me résistait en V2, faut croire que je doit me mettre à la page avec le CSS3 du Kiwi), ai demandé sur le forum Modos si quelqu’un avait une idée
  • Vger TeyeME, merci. A+