Blog d'aide de Blog4ever

Bonjour,
Dès que j'entre une recherche, ce petit truc rose apparaît et si on clique dessus par inadvertance, ça remet la recherche à 0. Je n'ai pas trop de boutons dans ma barre de navigation, et j'ai juste fait un copier coller du code de Google.
Bonne soirée
Marie

Dernière modification le jeudi 30 Novembre 2017 à 17:04:19

Voici ma correction de ton Css

#contenu input[type="submit"], #contenu input[type="button"], #contenu button {
    background: #ddcccc none repeat scroll 0 0 !important;
    border: 3px inset red !important;
    border-radius: 3px;
    color: #935632 !important;
    font-family: "Tempus sans ITC","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight : bold;
    margin-top: -3px;
    text-transform: uppercase;
}
.diz-barre-navigation {
  background-color : none;
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
  background-repeat : repeat;
  border : 1px solid #cc6633;
}
.diz-barre-navigation ul ul{
  padding:0; 
}

.diz-barre-navigation a {
  background: #C44C51;
  padding:0;
  margin:0 10px 0;
  color: #F6CED8;
  border: 2px ridge #f9d2f3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 2px 4px 12px #666;
}
.diz-barre-navigation a:hover{
  background-color : #FFFFFF;
  color : none;
  }
 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}
.diz-menu-lateral a{
  font-size : 17px;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}
.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}

.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}

.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
 
.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

Bonsoir,
Je regarde cela demain. Merci
Bonne soirée
Marie

Bonjour Simon
J'ai fait un copier coller. Ca donne ça, le bouton est plus petit.


J'ai remis comme tu as dit j'ai juste changé taille des lettres, et ce satané petit bouton a "re"grandi. J'ai aussi bougé un peu les boutons vers la gauche car ils étaient sur 2 lignes.
Ce que je vais faire ce week-end, c'est aller rechercher le code Google, pour être sûre que ça ne vient pas de là. Je te tiens au courant. Je te souhaite un bon week-end.
Marie

Dernière modification le vendredi 01 Décembre 2017 à 11:14:29

Essaies ce code modifié

*/* codes par nana pour couleur recherche barre de nav */ /* 01_11_2017*/

/*taille écriture google*/
#gsc-i-id1 {
    background: none !important;
    text-indent: 1px !important;
    margin-top: -1px !important;
    font-size: 15px;
}

#contenu input[type="submit"], #contenu input[type="button"], #contenu button {
    background: #ddcccc none repeat scroll 0 0 !important;
    border: 3px inset red !important;
    border-radius: 3px;
    color: #935632 !important;
    font-family: "Tempus sans ITC","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight : bold;
    margin-top: -3px;
    text-transform: uppercase;
}
.diz-barre-navigation {
  background-color : none;
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
  background-repeat : repeat;
  border : 1px solid #cc6633;
 
}
.diz-barre-navigation  {
  height: 50px!important;
}


.diz-barre-navigation ul ul{
  padding:0;
}
.diz-barre-navigation li {
    display: inline-block; 
    margin: 0 30px 0 0;
    position: relative;
    background: #c44c51;
    border: 2px solid #fff;
    border-radius: 10px;
   padding:0 5px;
   color: #F6CED8;
  border: 2px ridge #f9d2f3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 2px 4px 12px #666;
}



.diz-barre-navigation a:hover{
  background-color : #FFFFFF;
  color : none;
  }
 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}
.diz-menu-lateral a{
  font-size : 17px;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}
.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}

.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}

.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
 
.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

Rebonjour
C'est parfait, mais y-a-t-il moyen de faire des boutons moins larges en hauteur ? Si ce n'est pas possible, pas de souci.
Tu peux m'expliquer simplement d'où le pb venait ? Ca m'intéresse en fait :)
A plus tard.
Merci beaucoup.
Marie

Dernière modification le vendredi 01 Décembre 2017 à 12:04:41

Je regarderai plus tard.....




/*taille écriture google*/
#gsc-i-id1 {
    background: none !important;
    text-indent: 1px !important;
    margin-top: -1px !important;
    font-size: 15px;
}

Merci.

Voici les nouvelles corrections.

*/* codes par nana pour couleur recherche barre de nav */ /* 01_11_2017*/

#contenu input[type="submit"], #contenu input[type="button"], #contenu button {
    background: #ddcccc none repeat scroll 0 0 !important;
    border: 3px inset red !important;
    border-radius: 3px;
    color: #935632 !important;
    font-family: "Tempus sans ITC","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight : bold;
    margin-top: -3px;
    text-transform: uppercase;
}
/*taille écriture google*/
#gsc-i-id1 {
    background: none !important;
    text-indent: 1px !important;
    margin-top: -1px !important;
    font-size: 15px;
}

.diz-barre-navigation {
  background-color : none;
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
  background-repeat : repeat;
  border : 1px solid #cc6633;
  height: 45px!important;
 
}

/******debut sous liens********/
.diz-barre-navigation li li{
  padding: 2px 0;
  margin: 2px 5px;
}

.diz-barre-navigation ul ul{
  padding: 5px 0;
  margin: 2px 0;
}
/*****fin des sous liens*******/

.diz-barre-navigation a{
  line-height: 20px;
  font-size: 14px;
  margin-left: 10px;
}
.diz-barre-navigation li {
    display: inline-block; 
    margin: 10px 30px 0 0;
    position: relative;
    background: #c44c51;
    border: 2px solid #fff;
    border-radius: 10px;
   padding:0 5px;
   color: #F6CED8;
  border: 2px ridge #f9d2f3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 2px 4px 12px #666;
}
.diz-barre-navigation a:hover{
  background-color : #FFFFFF;
  color : none;
  }

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}
.diz-menu-lateral a{
  font-size : 17px;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}
.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}

.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}

.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
 
.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

Bonjour Simon,
Un tout tout grand merci.
Je regarderai en détails les corrections que tu as apportées, comme cela, je comprendrais un peu mieux comment fonctionne le CSS qui reste pour moi, un grand mystère :)....
Je te souhaite un bon week-end
Marie